npm run build 没有style.css产生

Question

老师：您好！
我用这个npm run build 产生出来的dist目录里 只有两个文件 一个index.html 一个是 main.min.js 为什么我这个css没有生成出来呢，我看了一下 这个webpack.config.js跟视频最后的好像有点不同，这个代码是直接下载下来的
请问我是需要提前再装什么吗？

Answer 1

杜渐 2019-08-06 05:51:54

https://vue-loader.vuejs.org/zh/guide/extract-css.html#webpack-4

不用ExtractTextPlugin, 改用MiniCssExtractPlugin,webpack.config.js文件里有,

new MiniCssExtractPlugin({

    filename: "style.css"

})

然后loader部分每次出现vue-style-loader都进行运行环境判断，具体可参照上边链接css提取的内容。

env.production ? MiniCssExtractPlugin.loader : 'vue-style-loader'

css文件就能导出了

Answer 2

铁狮子 2018-10-17 09:39:32

把代码发到我邮箱[e-mail]

• 提问者 慕妹836744 #1

  给您发了，多谢老师

• 毛儿娘 回复 提问者 慕妹836744 #2

  请问你这个问题解决了吗，因为我也遇到了这个问题

• 提问者 慕妹836744 回复 毛儿娘 #3

  并没有，后面我换了cli环境

点开查看后面3条评论