webpack 4.0配置过程碰到的问题
2018-03-30 11:35
489 查看
今天在配置react 项目过程中,由于webpack也更新到了4.0版本,所以才用最新版本配置,在这个过程踩了一系类的坑,写出来希望对大家有所帮助
1.安装 webpack
这个我的版本其他配置过程省略,运行发现报错
说CLI被移动到了一个专门的包 webpack-cli里了,需要安装webpack-cli
cnpm webpack-cli --seve-dev
2.第二次在运行继续报错
这个错误折腾我好久然后去看api发现4.0版本的enter 和output
可以不用配置entry和output,默认的entry:’/src’,
默认的output:’./dist’,但是零配置的情况下’./src’的入口文件的文件名必须是index.js,否则会报错,然后把我的main.js 修改成了index.js
3 . 约定了生产模式和开发模式下的配置,3.0版本需要配置好多配置,在一开始套用3.0的配置
在package.json中配置
"scripts":{ "build":"webpack"}
She 'mode' option has not been set. Set 'mode' option to 'development' or 'production' to enable defaults for this environment.
最后配置完成
1.安装 webpack
这个我的版本其他配置过程省略,运行发现报错
说CLI被移动到了一个专门的包 webpack-cli里了,需要安装webpack-cli
cnpm webpack-cli --seve-dev
2.第二次在运行继续报错
这个错误折腾我好久然后去看api发现4.0版本的enter 和output
可以不用配置entry和output,默认的entry:’/src’,
默认的output:’./dist’,但是零配置的情况下’./src’的入口文件的文件名必须是index.js,否则会报错,然后把我的main.js 修改成了index.js
3 . 约定了生产模式和开发模式下的配置,3.0版本需要配置好多配置,在一开始套用3.0的配置
在package.json中配置
"scripts":{ "build":"webpack"}
She 'mode' option has not been set. Set 'mode' option to 'development' or 'production' to enable defaults for this environment.
最后配置完成
相关文章推荐
- webpack打包react和过程遇到的问题
- 使用webpack打包的后,公共请求路径的配置问题
- jsp servlet的web.xml的配置中碰到的诡异问题
- webpack配置中出现的问题
- vscode debugger for chrome 调试webpack的配置问题
- YY语音从4.0版本开始是基于Qt的开发过程,以及碰到的问题
- webpack+react+antd项目编写过程中遇到的问题
- 详解webpack编译多页面vue项目的配置问题
- webpack打包过程中因为图片的路径导致的问题
- 通过vue-cli来学习修改Webpack多环境配置和发布问题
- webpack.base.conf配置的一些问题
- nginx配置vue-router+webpack项目部署访问刷新出现404问题
- 浅谈webpack打包过程中因为图片的路径导致的问题
- 使用webpack打包的后,公共请求路径的配置问题
- win 7 IIS Web服务器安装配置过程中的常见问题及解决方案
- Java开发环境配置(5)--Web 服务器--Tomcat--安装过程遇到的问题
- webpack编译多页面vue项目的配置问题
- Scss开发临时学习过程||webpack、npm、gulp配置
- webpack和webpack-dev-server安装配置(遇到各种问题的解决方法)
- angular2+webpack的搭建过程遇到的问题记录