【webpack】webpack4带来的新特性

一、webpack4不是必须要有配置文件

• 默认入口点：./src/index.js
• 默认输出模块包：./dist/main.js
• 若要覆盖以上默认配置，则"scripts"中进行配置。如：

"build": "webpack -mode production ./enout/index.js --output ./enout/main.js"

二、production/development模式

在"scripts"中通过定义-mode来指定模式。如

"build": "webpack -mode production"

三、加载器的配置与使用

以babel-loader（转译es6语法）为例：

1. 安装：npm i babel-loader @babel/core @babel/preset-env --save-dev

2. 创建.babel

   文件配置babel：

   {
   	"presets": [
   		"env"
   	]
   }
   

3. 使用babel-loader
   ①通过在配置文件webpack.config.js中进行配置

   module.exports = {    
     module: {
     	rules: [
     		{
     			test: /\.js?$/,
   	        exclude: /(node_modules)/,
             use: {
               loader: 'babel-loader'
             }
     		}
     	]
     }
   };
   

   注：除非要自定义入口等，否则无须指定entry等项。

   ②通过在"scripts"中进行配置：--module-bind