用 npm 安装 Webpack:
npm install webpack-g
此时Webpack已经安装到了全局环境下,本课程中我们已装好webpack,可以通过命令行webpack -h试试。
新建文件夹D:\Projects\WebPack\myFirstPro
转到D:\Projects\WebPack\myFirstPro 执行
npm init
npm install webpack--save-dev
首先有一个静态页面 index.html,已经预置好了。
现在创建一个 JS 入口文件 entry.js:
document.write('It works.');
然后编译entry.js并打包到bundle.js,运行命令:
webpack entry.js bundle.js
引用别的js
document.write(require("./content.js"));//添加content.js
运行命令:
webpack entry.js bundle.js
引用css
require("./style.css");
运行命令:
webpack entry.js bundle.js --module-bind "css=style-loader!css-loader"
新建webpack.config.js
运行命令:
webpack