webpack 入门

来源:互联网 发布:软件项目生命周期管理 编辑:程序博客网 时间:2024/06/16 03:18
在已安装nodejs和cnpm的前提下// window系统==!1.window+r打开 cmd2.比如项目文件的地址在g盘的zwb文件夹下 进入g盘                  === g: 进入zwb文件夹            === cd zwb 创建新文件夹             === md w1 进入w1文件夹            === cd w1 初始化                   === cnpm init 安装webpack              === cnpm install webpack --save-dev 打开项目,新建h1.js      ===  在cmd中,打包h1.js       === webpack h1.js h1.bunld.js   打开项目,新建h2.js      ===  打开项目在h1.js中require ===  require("./h2.js") 在cmd中,打包h1.js       === webpack h1.js h1.bunld.js  [此时可以看到两个模块,h1.js h2.js] 打开项目,新建index.html === 引入打包后的脚本文件 h1.bunld.js 打开项目,新建st.css     ===  打开项目在h1.js中require ===  require("./st.css") 在cmd中,安装loader      === cnpm install css-loader style-loader --save-dev 在cmd中,打包h1.js       === webpack h1.js h1.bunld.js   在cmd中,打包loader      === webpack h1.js h1.bunld.js --module-bind "css=style-loader!css-loader" // 到此,初建成功。 //其他,比如在多次修改后,如果不想每次都要输入,可监听 在cmd中,打包loader      ===  webpack h1.js h1.bunld.js --module-bind "css=style-loader!css-loader" --watch //停止监听 ctrl + c
原创粉丝点击