0.1.0-alpha.1 • Published 2 months ago
@liutsing/webpack-config v0.1.0-alpha.1
webpack config lib
target
- 避免反复配置
webpack时可能的配置遗漏导致webpack运行不如预期 - 抽取常用的配置项，如优化等
使用
dev
// webpack.dev.js
const { dev } = require('@liutsing/webpack-config')
module.exports = dev
// package.json/script
// cross-env <> webpack serve --config config/webpack.dev.jsprod
// webpack.dev.js
const { dev } = require('@liutsing/webpack-config')
module.exports = dev
// package.json/script
// cross-env <> webpack serve --config config/webpack.dev.jsextend
// webpack.dev.js
const { dev, base } = require('@liutsing/webpack-config')
const { merge } = require('webpack-merge')
// extend which preset config if you need
module.exports = merge(base, {
// your custom config
})
// 可以console输出合并后的配置信息关键点
内置 plugins
- ContextReplacementPlugin
- DefinePlugin
- OptimizeCSSAssetsPlugin
tree-shaking
HMR
optimization
assets handle
css
less
svg 的处理方式
import IconParking from './icon-parking.svg'
export const IconWrap = () => {
return (
<div>
<IconParking />
</div>
)
}