webpack4 css按需加载,webpack4配置momet按需加载,每个文件依然有moment?

var webpackConfig = {

mode: 'development',

entry: {

index: './src/index.js',

another: './src/another-module.js',

},

output: {

filename: '[name].[contenthash].js',

},

plugins: [

// new CleanWebpackPlugin(['dist/*']) for < v2 versions of CleanWebpackPlugin

new CleanWebpackPlugin(),

new HtmlWebpackPlugin({

title: 'Caching',

template: './src/index.html',

}),

new LodashModuleReplacementPlugin(),

new webpack.ContextReplacementPlugin(

/moment[/\\]locale$/,

/zh-cn|es|zh-tw|ja/,

),

// new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),

],

optimization: {

moduleIds: 'hashed',

runtimeChunk: 'single',

splitChunks: {

maxInitialRequests: 4,

cacheGroups: {

vendors: {

test: /[\\/]node_modules[\\/]/,

name: 'vendors',

chunks: 'all',

priority: -10,

},

vendor1: {

name: 'vendor-antd',

test: (module) => {

return /[\\/]node_modules[\\/]@ant-design|antd/.test(module.context);

},

chunks: 'all',

priority: 2

},

},

},

},

module:{

rules: [{

test: /\.js$/,

exclude: /node_modules/,

use: {

loader: 'babel-loader',

options: {

presets: ['@babel/preset-env','@babel/preset-react'],

plugins: [

'lodash',

["import", {

"libraryName": "antd",

// "libraryDirectory": "es",

// "style": "css" // `style: true` 会加载 less 文件

}]

],

}

}

},

{//antd样式

test: /\.css$/,

exclude: /src/,

use: [

{

loader: "style-loader"

},

{

loader: "css-loader",

options: {

importLoaders: 1

}

}

]

}

],

},

// externals: {

//     lodash: {

//         commonjs: 'lodash',

//         commonjs2: 'lodash',

//         amd: 'lodash',

//         root: '_',

//     },

// },

// optimization: {

//     splitChunks: {

//         chunks: 'all',

//     },

// },

};

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值