課程
/前端開發
/JavaScript
/從JS到TS開發數獨游戲(JS版)
為什么我的編譯less文件沒有輸出出去?還沒有報錯??
2018-02-02
源自:從JS到TS開發數獨游戲(JS版) 1-3
正在回答
補充,我復看了老師的代碼結構沒有問題,
需要確認一下你的gulpfile.js、node_module、webpack.config.js所在文件夾,即為gulp構建的目錄,此處運行gulp命令后,會打包生成和構建目錄平行的www。?
-root
????-src
????????+node_modules
????????+js
????????+less
? ????? -gulpfile.js
?????? ?-package.json
? ????? -webpack.config.js?
???-www
????????+css
如此,則cd到src目錄后gulp構建。?
gulp.src('./js/**/*.js').pipe(webpack(config)).pipe(gulp.dest('../www/js'));
gulp.src('./less/*.less').pipe(less()).pipe(gulp.dest('../www/css'))
你說less文件沒有輸出,那原因大概是less文件沒有找到,由于構建會忽略,不會報錯。?
建議還是在第三課項目配置那一段再看一下,嘗試給less文件夾下新增內容,看看打包是否會到/www/css文件夾。
老師錄制的代碼略有出入,
gulp構建時的目錄不是src子目錄,所以在配置gulpfile.js時調整一下如下路徑
gulp.src('./src/js/**/*.js').pipe(webpack(config)).pipe(gulp.dest('./www/js'));
gulp.src('./src/less/*.less').pipe(less()).pipe(gulp.dest('./www/css'))
這樣就能打包到和src平級的www目錄下,并創建 js 和 css兩個文件夾。
gulp打包如果沒有找到對應文件,就當不存在,不會報錯的。老師錄制的最后一點點index.js之所以報錯,是因為webpack.config.js里指定了要該index.js作為唯一入口文件,這個如果不存在,webpack會報錯。?
不知道我的回答是否幫助了樓主,有用請點贊哦~?
?
舉報
使用JS語言為主的前端開發技術實現數獨游戲
2 回答Webpack 4.x 版本下的 gulpfile.js 的配置
1 回答gulpfile.js文件里const報錯,我應該怎么改正
2 回答配置webpack后再用gulp構建出錯
2 回答配置完webpack_config 運行gulp
1 回答始終沒有去掉0
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-02-03
補充,我復看了老師的代碼結構沒有問題,
需要確認一下你的gulpfile.js、node_module、webpack.config.js所在文件夾,即為gulp構建的目錄,此處運行gulp命令后,會打包生成和構建目錄平行的www。?
-root
????-src
????????+node_modules
????????+js
????????+less
? ????? -gulpfile.js
?????? ?-package.json
? ????? -webpack.config.js?
???-www
????????+js
????????+css
如此,則cd到src目錄后gulp構建。?
gulp.src('./js/**/*.js').pipe(webpack(config)).pipe(gulp.dest('../www/js'));
gulp.src('./less/*.less').pipe(less()).pipe(gulp.dest('../www/css'))
你說less文件沒有輸出,那原因大概是less文件沒有找到,由于構建會忽略,不會報錯。?
建議還是在第三課項目配置那一段再看一下,嘗試給less文件夾下新增內容,看看打包是否會到/www/css文件夾。
2018-02-03
老師錄制的代碼略有出入,
gulp構建時的目錄不是src子目錄,所以在配置gulpfile.js時調整一下如下路徑
gulp.src('./src/js/**/*.js').pipe(webpack(config)).pipe(gulp.dest('./www/js'));
gulp.src('./src/less/*.less').pipe(less()).pipe(gulp.dest('./www/css'))
這樣就能打包到和src平級的www目錄下,并創建 js 和 css兩個文件夾。
gulp打包如果沒有找到對應文件,就當不存在,不會報錯的。老師錄制的最后一點點index.js之所以報錯,是因為webpack.config.js里指定了要該index.js作為唯一入口文件,這個如果不存在,webpack會報錯。?
不知道我的回答是否幫助了樓主,有用請點贊哦~?
?