webpack3.6.0版本中的webpack.config.js 怎么配置
时间: 2023-11-01 07:22:46 浏览: 108
在webpack3.6.0版本中,可以按照以下步骤配置webpack.config.js:
1. 首先,确认你已经安装了webpack3.6.0版本。可以使用以下命令进行安装:npm install webpack@3.6.0 -save-dev 。
2. 在项目根目录下新建一个build文件夹,用于存放webpack相关的配置文件。
3. 在build文件夹下创建一个名为webpack.config.js的文件,这个文件用来配置webpack。
4. 打开webpack.config.js文件,根据你的项目需求,进行相应的配置。具体的配置内容可以参考codewhy的webpack视频第90集或者官方文档。
5. 确保在package.json文件中的"scripts"字段中有以下配置:
"build": "webpack --config ./build/webpack.config.js"
"dev": "webpack-dev-server --open --config ./build/webpack.config.js"
6. 运行npm run build命令来执行webpack打包操作,运行npm run dev命令来启动webpack开发服务器。
请注意,以上配置是基于vue-cli的写法,如果你是使用vue-cli3版本,也可以在项目根目录下创建一个名为vue.config.js的文件来配置webpack。具体的配置参考官方文档:https://cli.vuejs.org/zh/config/ 。
希望以上信息对你有所帮助!如果还有其他问题,请随时提问。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
阅读全文