webpack 项目记录

XXX项目记录

 

  • Webpack管理项目

 

  1. 新建一个文件夹用来创建项目,cmd 进入该文件夹。(需node.Js).
  2. 执行npm init 命令,接下来就是一系列项目资料,直接回车就可以跳过了。完成时候会在该文件夹下生成 package.json文件。

  1. 安装 webpack
  2. webpack 项目记录webpack 项目记录
  1. 首先要全局安装 webapck,  执行npm install webpack -g。

webpack 项目记录

  1. 然后再在工作目录中执行 npm install wepack --save-dev,安装webpck。

webpack 项目记录

 

  1. 项目根目录下新建一个webpack.config.js 和 .gitignore

webpack 项目记录

 

  1. .gitignore文件用来配置 忽略文件如:我们在打包是不许需要打包 node_modules,做如下配置。

webpack 项目记录

 

  1. 配置开发所需的loader和 plugin插件

webpack 项目记录

 

 

 

  1. 配置webpack.config.js, favicon.ico应放在根目录下

webpack 项目记录

webpack 项目记录

webpack 项目记录

 

webpack 项目记录

 

9.package.json 中配置开发环境和生产环境

webpack 项目记录