entry point(入口点) 默认为 ./src/index.js output(输出) 默认为 ./dist/main.js
"dev": "webpack --mode development ./src/index.js --output ./foo/maind.js",
"build": "webpack --mode production ./src/index.js --output ./foo/mainp.js"
不通过配置文件使用 babel-loader
"dev": "webpack --mode development --module-bind js=babel-loader"
"dev": "webpack --mode development",
"build": "webpack --mode production"
生成模式中:开箱即用地进行各种优化。 包括压缩,作用域提升,tree-shaking等
.babelrc文件
{
"presets": [
"env",
"react"
]
}
HtmlWebPackPlugin
{
test: /\.html$/,
use: [
{
loader: 'html-loader',
options: {
minimize: true
}
}
]
}
mini-css-extract-plugin