webpack打包样式不生效解决方案

最新推荐文章于 2023-11-22 10:03:52 发布

weixin_44387746

最新推荐文章于 2023-11-22 10:03:52 发布

阅读量2.7k

点赞数

本文链接：https://blog.csdn.net/weixin_44387746/article/details/98210903

版权

解决css文件 cnpm i style-loader css-loader -D
{ test: /.css$/, use: [‘style-loader’,‘css-loader’] }

解决less文件 cnpm i less-loader less -D
{ test: /.less$/, use: [‘style-loader’,‘css-loader’,‘less-loader’] }

解决scss文件 cnpm i sass-loader node-sass -D
{ test: /.sass$/, use: [‘style-loader’,‘css-loader’,‘sass-loader’] }

解决图片文件 cnpm i url-loader file-loader -D
{test: /.(jpg|png|gif|bmp|jpeg) $KaTeX parse error: Expected 'EOF', got '&' at position 34: \dotsr?limit=3000000&̲name=[hash:8]-[\dots$ )/, use: ‘url-loader’}, //处理字体文件的 loader

{ test: /.js$/, use: ‘babel-loader’, exclude: /node_modules/ }, //配置 Babel 来转换高级的 ES 语法

使用babel ，可以帮我们将高级的语法转换为低级的语法
cnpm i babel-core babel-loader babel-plugin-transform-runtime -D
cnpm i babel-preset-env babel-preset-stage-0 -D
{ /.js$/ , use: ‘babel-loader’, exclude: /node_modules/ }

{ test: /.vue$/, use: ‘vue-loader’ }, // 处理 .vue 文件的loader