码迷,mamicode.com
首页 > Web开发 > 详细

创建Webpack 4.X项目

时间:2019-08-25 20:03:15      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:dex   evel   配置文件   line   develop   运行   mode   and   源代码   

创建基本的webpack4.x项目

  1. 运行npm init -y 快速初始化项目

  2. 在项目根目录创建src源代码目录和dist产品目录

  3. 在 src 目录下创建 index.html

  4. 使用 cnpm 安装 webpack ,运行cnpm i webpack webpack-cli -D

    • 如何安装 cnpm: 全局运行 npm i cnpm -g

  5. 注意:webpack 4.x 提供了 约定大于配置的概念;目的是为了尽量减少 配置文件的体积;

    • 默认约定了:

    • 打包的入口是src -> index.js

    • 打包的输出文件是dist -> main.js

    • 4.x 中 新增了 mode 选项(为必选项),可选的值为:developmentproduction;

创建Webpack 4.X项目

标签:dex   evel   配置文件   line   develop   运行   mode   and   源代码   

原文地址:https://www.cnblogs.com/it-Ren/p/11408862.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!