主要流程参考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了。
网友评论