webpack 入门

在已安装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