这是我的文件夹结构：
我想缩小并捆绑我的src / css文件夹中的CSS文件,并将其作为单个CSS文件输出到dist中.到目前为止,我看到的所有示例都建议在JS文件中需要CSS文件.我不要那个.有没有办法在webpack.config.js中配置只是缩小和复制这些文件？
解决方法
搞定了.
安装dev-dependecies
npm i extract-text-webpack-plugin --save-dev npm i css-loader --save-dev
webpack.config.js
const webpack = require('webpack');
const ExtractTextPlugin = require('extract-text-webpack-plugin')
const extractCSS = new ExtractTextPlugin('bundle.min.css')
module.exports = {
entry: {
'bundle.min.css': [
__dirname + '/src/styles/abc.css',__dirname + '/src/styles/xyz.css',__dirname + '/src/styles/mno.css'
]
},devtool: '',output: {
path: __dirname + '/dist/styles/',filename: '[name]'
},module: {
rules: [{
test: /\.css$/i,use: extractCSS.extract({
use: {
loader: 'css-loader',options: {
minimize: true
}
}
})
}]
},resolve: {
alias: {},modules: [],extensions: ['.css']
},plugins: [
extractCSS
]
};
bundle.min.css将生成.基于最小化：真/假,将决定缩小.请享用！
