安装Webpack

  npm install webpack -g
  npm install webpack-cli -g

####随后进入目录测试

创建项目,在目录下安装目录下新建

1. 右键新建 myvue
2. 用idea打开
3. 在项目目录新建睿共享modules文件,在这个文件下新建hello.js

   //hello.js 写一个方法
   exports.sayHi = function () {
   document.write(”

   he

   “);
   }

4. 新建main.js

   //main.js 接收上面的hello方法
   var i = require(“./hello”);
   i.sayHi();

5. 在项目的根目录新建webpack睿共享.config.js ****负责打包发出****

   module.exports = {
   entry: ‘./睿共享modules/main.js’,
   output: {
   filename: “./js/bundle.js”
   }
   }

##在目录下输入webpack打包
第一:输入webpack
第二:我们在webpack.config.xml ****输出的位置****
第三:webp睿共享ack输入后打包的结果

测试

• 新建一个html页面
• 把打包出来的js导进去
  

还可以使用监听 按我理解相当于****热部署****

  - 不用重新发布

  webpack睿共享 --watch -- 可监听你修改的动作