gulpfile.js配置 less没有输出?
为什么我的编译less文件没有输出出去?还没有报错??
为什么我的编译less文件没有输出出去?还没有报错??
2018-02-02
补充,我复看了老师的代码结构没有问题,
需要确认一下你的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文件夹。
老师录制的代码略有出入,
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会报错。
不知道我的回答是否帮助了楼主,有用请点赞哦~
举报