webpack

webpack 

1.安装： 需要先安装node.js  使用npm install webpack -g命令安装（-g表示全局安装） 

在终端可使用webpack -v命令来查看版本 使用： 

（1）例如：单个打包成bundle.js，在终端下进入项目文件夹，使用webpack show.js bundle.js命令

 （2）多文件依赖 require接收 1.打包样式--------------- 

 （3）安装loader加载器 npm install css-loader style-loader npm init命令，可生成package.json 

2.配置文件（webpack.config.js）： 在手动编译时，可将一些经常性操作，添加到配置文件，减少手写代码的数量。构造自动工具，手动新建一个webpack.config.js文件，之后直接使用webpack命令即可 。

3.安装第三方库 例如jquery: 安装：install jquery --save-dev 使用require导入进行使用 4.服务端环境安装 通过安装webpack-dev-server模块，可将项目打包到服务端，并可指定端口，还可配置启动命令

 (1).安装：npm install webpack-dev-server --save-dev.

 (2).在package.json中修改,设置启动项 "script":{ "start":"webpack-dev-server --entry ../src/js/test.js --output-filename ./dist/bundle.js", "build"："webpack --watch" }.

(3)修改页面后，npm run build 运行 .

(4) npm start 启动 .

(5)修改端口.