使用的是 mini-css-extract-plugin 这个插件，来提取的，下面是我的配置const path = require('path');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const HTMLWebpackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require("mini-css-extract-plugin")
function resolve(dir) {return path.join(__dirname, '..', dir)}
module.exports = {
entry: {
index: './src/pages/index/js/index.js',fang: './src/pages/fang_list/js/fang_list.js'},
output: {filename: 'js/[name].[chunkhash:8].js',path: resolve('dist')},
plugins: [
new CleanWebpackPlugin(['dist'],{
root: resolve('./'),
verbose:true,
dry:false}),
new HTMLWebpackPlugin({
template:'src/pages/index/index.html',
filename: 'index.html',chunks: ['index']}),
new HTMLWebpackPlugin({
template:'src/pages/fang_list/fang_list.html',filename: 'fang_list.html',chunks: ['fang']}),
new MiniCssExtractPlugin({filename: "[name].css",chunkFilename: "[id].css"})],
module: {
rules: [
{test: /\.js$/,loader: 'babel-loader'},
{test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,loader: 'url-loader',options: {limit: 10000}},
{test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,loader: 'url-loader',options: {limit: 10000,}},
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,loader: 'url-loader',options: {limit: 10000,}},
{test: /\.css$/,use: [MiniCssExtractPlugin.loader,"css-loader"]},
{test:/\.less$/,use: [MiniCssExtractPlugin.loader,'css-loader','less-loader']}]}}
添加回答
举报
0/150
提交
取消