gulpfile.js配置 less没有输出?

来源:1-3 项目结构及前端构建技术

慕婉清7502709

2018-02-02 21:59

为什么我的编译less文件没有输出出去?还没有报错??

写回答 关注

2回答

  • sherleysong
    2018-02-03 16:35:57

    补充,我复看了老师的代码结构没有问题,

    需要确认一下你的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文件夹。



  • sherleysong
    2018-02-03 15:47:31

    老师录制的代码略有出入,

    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到TS开发数独游戏(JS版)

使用JS语言为主的前端开发技术实现数独游戏

18161 学习 · 55 问题

查看课程

相似问题