webpack运行基于 node环境 git命令驱动
安装总思路 先安装全局下 -g 在下载项目下 -D
顶层步骤(全局)
建立目标文件夹 运行 git
首先下在全局webpack
cnpm install webpack -g
下载webpack-cil 全局
npm install webpack -cli -g
此时运行webpack不报错 有警告支持未配置运行 默认入口文件为src下的index,js文件
运行webpack默认
webpack
指定打包目标(自定义入口文件)
webpack demo.js -o bundle.js
打包demo,js 输出到 bundle.js文件
模块导入导出方式参照下一篇文章
开发环境安装 webpack
操作步骤
初始化属性
npm init
//初始化项目 出现package.json
下载开发环境webpack
cnpm install webpack --save-dev
cnpm install webpack -D
//进入项目后下载环境都是局部 -D
下载完成后对于所需要插件安装
cnpm jquery -D
//下载所有插件均是此项目下
对于不同格式文件进行打包的loader安装
cnpm install style-loader css-loader less-loader less -D
对于个文件进行抽离出独立的处理后文件插件安装
cnpm install html-webpack-plugin -D
//其他插件雷同