webpack打包配置

webpack打包配置

webpack的4.x版本中默认约定:

• 打包的入口文件为src-> index.js
• 打包的输出文件为dist -> main.js

如果不适用webpack打包，那么浏览器将无法识别ES6模板规范。

修改打包入口和出口

1. 项目根目录新建webpack.config.js文件，加入配置代码

   const path = require('path')    //导入node.js操作路径的模块
   
   module.exports = {
        
       mode: 'development',
       entry: path.join(__dirname,'./src/index.js'),   //打包入口文件路径，__driname代表当前文件路径。
       output: {
                                               //输出文件路径
           path: path.