繁体   English   中英

Webpack 4 - 不输出多个 SCSS 文件条目?

[英]Webpack 4 - Not outputting multiple SCSS file entries?

希望有人可以帮助我。 出于某种原因,mini-CSS-extract 没有构建多个 CSS 文件。 它确实创建了正确的文件夹结构,但在另一个文件夹中输出相同的 CSS 文件。

入口部分 Webpack:

    WooCommerce: () => path.resolve(module.exports.sass(), './woocommerce.scss'),
    sass: () => path.resolve(module.exports.sass(), './main.scss'),
    js: () => path.resolve(module.exports.js(), './index.js')

entry: {
    src: [paths.entry.js(), paths.entry.sass(), paths.entry.WooCommerce()]
},

所以它将编译main.css但不会编译 woocommerce.css。

Output Webpack:

    base: () => path.resolve(`${BUILD_PATH}`),
    WooCommerce: () => path.resolve(`${BUILD_PATH}/css/shop`),
    sass: () => path.resolve(`${BUILD_PATH}/css`),
    js: () => path.resolve(`${BUILD_PATH}/js`),
    images: () => path.resolve(`${BUILD_PATH}/images`),
    fonts: () => path.resolve(`${BUILD_PATH}/fonts`)

output: {
    path: paths.output.base(),
    filename: paths.filename.js()
},

模块 Webpack:

module: {
    rules: [
        {
            test: /\.js$/,
            exclude: /node_modules/,
            loaders: ['happypack/loader?id=js']
        },

        {
            test: /\.scss$/,
            exclude: /node_modules/,
            loaders: [MiniCssExtract.loader, 'happypack/loader?id=scss']
        }
    ]
},

迷你 CSS 插件设置:

new MiniCssExtract({
    filename: paths.filename.sass()
}),

new MiniCssExtract({
    filename: paths.filename.WooCommerce()
}),

我究竟做错了什么?

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM