我的用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, '']];但是當(dāng)我把 { loader: "style-loader" },
{ loader: "postcss-loader", options: { plugins: () => [autoprefixer()] } }注釋掉了有不報錯了
2 回答
吃雞游戲
TA貢獻(xiàn)1829條經(jīng)驗 獲得超7個贊
如果按照你配置的loader順序，webpack首先會用postcss-loader去處理你的樣式文件，如果你的樣式用的是less，那么應(yīng)該把less-loader放在最后邊。webpack用loader處理文件的時候是倒著來的順序。或者你把postcss-loader的配置放到css-loader的配置之上，試試
慕田峪7331174
TA貢獻(xiàn)1828條經(jīng)驗 獲得超13個贊
這是我的less配置，你試試
{ test: /\.(css|less)$/,
use: [ 'style-loader', 'css-loader', 'postcss-loader',
{
loader: 'less-loader',
options: {
javascriptEnabled: true,
},
},
],
}- 2 回答
- 0 關(guān)注
- 1636 瀏覽
添加回答
舉報
0/150
提交
取消