本文共 796 字，大约阅读时间需要 2 分钟。

安装webpack

npm install webpack -gnpm install webpack-cli -g

安装慢的话，执行命令

npm install - -registry=https://registry.npm.taobao.org

再安装

webpack -vwebpack-cli -v

使用webpack

1.创建一个空文件夹，再用idea（用管理员权限）打开

3.在modules下创建模块文件，如hello.js，用于编写JS模块相关代码

//暴露一个方法sayHiexports.sayHi = function () {
       document.write("
   
    Hello webpack
   
")}

4.在modules下创建一个名为main.js的入口文件，用于打包时设置entry属性

//require导入一个模块，就可以调用这个模块的方法了var hello = require("./hello");hello.sayHi();

5.在项目目录下创建webpack.config.js配置文件，使用webpack命令打包，如果执行失败，看看自己的idea是不是使用管理员权限运行的

module.exports = {
       entry: "./modules/main.js",    output: {
           filename: "./js/bundle.js"    }}

在项目下编写一个index.html页面

在浏览器打开这个页面

# 参数 --watch 用于监听变化,在控制台输入webpack --watch

转载地址：http://rouki.baihongyu.com/