webpack学习

webpack学习

安装Webpack

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

随后进入目录测试

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

右键新建 myvue用idea打开在项目目录新建modules文件,在这个文件下新建hello.js​​//hello.js​​​ 写一个方法 exports.sayHi = function () { document.write("

he

");}新建main.js​​​//main.js​​​ 接收上面的hello方法 var i = require("./hello"); i.sayHi();在项目的根目录新建webpack.config.js负责打包发出module.exports = { entry: './modules/main.js', output: { filename: "./js/bundle.js" } }

在目录下输入webpack打包

第一:输入webpack 第二:我们在webpack.config.xml ****输出的位置**** 第三:webpack输入后打包的结果

测试

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

- 不用重新发布 webpack --watch -- 可监听你修改的动作

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。