webpack打包工具的搭建

来源:互联网 发布:dk智力训练手册淘宝 编辑:程序博客网 时间:2024/05/20 22:40

webpack打包工具的搭建

  • 第一步
    cmd中执行命令npm install -g webpack (安装全局webpack)

  • 第二步
    自己手动创建文件夹如 名为pack,将cmd的执行命令放到改文件目录下,如F: ,cd …/../../../

  • 第三步
    执行命令 npm init 执行完成后pack文件下会多出文件package.json 文件

  • 第四步
    自己手动创建index.html ,app.js 前面在执行命令的时候已经设置了app.js为入口文件, index.html中引入bundle.js的链接

  • 第五步
    执行命令 webpack app.js bundle.js ,意思是将app.js内容打包到bundle.js中,bundle.js是命令自动生成的文件。

  • 第六步
    js的暴露,module.exports=XXX; 在入口文件中的引用该js的写法是require(“./xxxx.js”) 自己创建的文件一般格式都是./

  • 第七步
    jquery的引用,执行命令 npm install jquery 执行完后项目目录下会自动生成node_modules下面包含jquery文件,引用的时候js文件写入 var $=require(“jquery”);

原创粉丝点击