首页问答专栏 讲堂 更多
SegmentFault
搜索 记webpack各大版本更新变化
MrIsaac 56 19 小时前 发布
- 建分支 0 分支
- 收藏 1 收藏
1. webpack1.x =====> webpack2.x
1.2 module.rules
// before
module: {
loaders: [...]
}
// after
module: {
rules: [...]
}1.3 resolve.modulesDirectories => resolve.modules
// before
resolve: {
modulesDirectories: [...],
}
// after
resolve: {
modules: [...],
}1.4 No webpack.optimize.OccurenceOrderPlugin
// before, in Webpack top level
postcss: {
plugins: ...
}
// after
module: {
rules: [{
test: /\.scss$/,
use: [
{
loader: 'postcss-loader',
options: {
plugins: ...
}
},
'sass-loader'
]
}]
}1.5 ExtractTextPlugin changes
// Webpack 1
ExtractTextPlugin.extract(
'style-loader',
'css-loader!postcss-loader!sass-loader'
);
// Webpack 1
ExtractTextPlugin.extract(
'style-loader',
'css-loader?modules-true!postcss-loader!sass-loader'
);
// Webpack 2
var loaders = [
{
loader: 'css-loader',
options: {
modules: true,
},
},
{
loader: 'postcss-loader',
},
{
loader: 'sass-loader',
},
];1.6 Stop Babel from compiling ES2015 modules
// before
"presets": ["es2015"]
// after
"presets": [
["es2015", { "modules": false }]
]原文地址：link
2. webpack 3.x
作用域提升。。。
参考文章：
🍾🚀Webpack3.0来了！🚀🍾
3. webpack 4.x更新介绍
重要特征，实现零配置
发布评论
分享扩散：
••• 笔记目录
×
Close
我要该，理由是：
浙ICP备 15005796号-2 浙公网安备 33010602002000号 杭州堆栈科技有限公司版权所有
CDN 存储服务由 又拍云 赞助提供
回顶部记笔记
xxxxxxxxxx已保存 [舍弃] 保存私密笔记 保存公开笔记
