我的用webpack4配置react的時候安裝less依賴,遇到問題這是webpack.config.js use: [
{ loader: MiniCssExtractPlugin.loader, options: { publicPath: '../'
}
},
{ loader: "css-loader"},
{ loader: "style-loader" },
{ loader: "postcss-loader", options: { plugins: () => [autoprefixer()] } }
]不知道為啥報錯,找了很久也沒找到解決辦法ERROR in ./src/pages/home/home.less (./node_modules/css-loader/dist/cjs.js!./node_modules/style-loader!./node_modules/postcss-loader/src??ref--4-3!./src/pages/home/home.less)
Module build failed (from ./node_modules/css-loader/dist/cjs.js):
CssSyntaxError
(2:1) Unknown word 1 |
> 2 | var content = require("!!../../../node_modules/postcss-loader/src/index.js??ref--4-3!./home.less");
| ^ 3 | 4 | if(typeof content === 'string') content = [[module.id, content, '']];但是當我把 { loader: "style-loader" },
{ loader: "postcss-loader", options: { plugins: () => [autoprefixer()] } }注釋掉了有不報錯了
1 回答

蝴蝶不菲
TA貢獻1810條經驗 獲得超4個贊
如果按照你配置的loader順序,webpack首先會用postcss-loader去處理你的樣式文件,如果你的樣式用的是less,那么應該把less-loader放在最后邊。webpack用loader處理文件的時候是倒著來的順序?;蛘吣惆裵ostcss-loader的配置放到css-loader的配置之上,試試
添加回答
舉報
0/150
提交
取消