gpt4 book ai didi

css - Webpack 特定的 css 包

转载 作者:行者123 更新时间:2023-11-27 22:55:19 24 4
gpt4 key购买 nike

我在 webpack 3.11 中有以下代码

var path = require('path');
var webpack = require("webpack");
var HtmlWebpackPlugin = require('html-webpack-plugin');

const MinifyPlugin = require("babel-minify-webpack-plugin");
if (process.argv.indexOf('-p') !== -1) {
process.env.NODE_ENV = 'production';
}

let config = {
output: {
path: __dirname + '/dist',
}
}

let ExtractTextPlugin = require('extract-text-webpack-plugin');
let extractSCSS = new ExtractTextPlugin('bundle.css');

module.exports = {
entry: {
bundle2: "./src2/main2.js",
bundle: "./src/main.js",
},
output: {
path: config.output.path,
filename: '[name].js',
},

module: {
rules: [{
test: /\.scss$/,
use: extractSCSS.extract({
use: [{
loader: "css-loader"
}, {
loader: "sass-loader"
}]
})
}
]
},
devtool: 'source-map',
plugins: [
extractSCSS
],
devServer: rutasServer
};

例如,我想要的是能够从 src 文件夹中存在的 scss 文件创建一个 bundle.css,同时为 src2 中存在的 scss 文件创建一个 bundle2.css文件夹。可能吗?

最佳答案

您可以创建不同的条目并在其上使用 css-minify-pluginextract-plugin

在你的 webpack.config.js 上:

 entry: {
bundle1: ['./src/your/path.scss'],
bundle2: ['./src/your/other-path.scss'],
},

和插件:

new ExtractTextPlugin({ filename: 'css/[name].css' }),

实际上 ExtractTextPlugin 已被弃用。尝试使用 mini-css-extract-plugin

关于css - Webpack 特定的 css 包,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59283935/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com