主要流程参考react与webpack .

遇到的问题

• 执行webpack命令报错

  
  wp1.png
  

  解决办法： 局部安装webpack和webpack-cli

  npm install webpack webpack-cli -D   
  npx webpack
  

• 执行npx webpack语法报错

  
  wp2.png
  

  可以看出来错误全是es6的数据结构引起的。解决办法:

  {
    "compilerOptions": {
        "outDir": "./dist/",
        "sourceMap": true,
        "noImplicitAny": true,
        "module": "commonjs",
        "target": "es5",
        "lib": ["es5", "es6", "dom"], //增加这一行
        "jsx": "react"
    },
    "include": [
        "./src/**/*"
    ]
  

}

然后再执行 npx webpack就OK了。