我正在尝试使用 web pack 设置引导程序,但是当我运行构建时它没有给出 CSS 的自动前缀版本。
在 custom.scss 中,我添加了自定义项,然后从我的节点模块导入引导程序。
这是我的 webpack.config.js
module.exports = {
entry: {
scss: ['./src/scss/custom.scss']
},
module: {
rules: [
{
test: /\.scss$/,
loader: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: [{
loader: 'css-loader',
options: {
minimize: false,
autoprefixer: true,
sourceMap: true,
importLoaders: 1
}
}, 'postcss-loader', 'sass-loader']
})
}
]
},
plugins: [
new ExtractTextPlugin({
filename: './assets/css/style.css',
disable: false,
allChunks: true
}),
]
}
这是我的 postcsss.config.js
module.exports = {
plugins: function () {
return [
require('precss'),
require('autoprefixer')
];
}
}
当我构建时,所有引导 css 都被添加到 style.css 但它没有提供自动前缀 css 文件。供应商前缀是必须的,因为它是 BS4,所以 flex 就在那里。
谢谢。