java

webpack学习

rzk · 5月8日 · 2020年本文共535个字 · 预计阅读2分钟112次已读

安装Webpack

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

####随后进入目录测试
webpack学习

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

  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打包
第一:输入web睿共享pack
第二:我们在webpack.config.xml ****输出的位置****
第三:webpack输入后打包的结果
webpack学习

测试

  • 新建一睿共享个html页面
  • 把打包出来的js导进去
    webpack学习

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

  - 不用重新发布

  webpack --watch -- 可监听你修改的动作
0 条回应