安装Webpack2
npm install -g webpack
也可以通过yarn来安装
创建文件index.js
import _ from 'lodash'; function component () { var element = document.createElement('div'); /* lodash is required for the next line to work */ element.innerHTML = _.join(['Hello','webpack'], ' '); return element; } document.body.appendChild(component());创建文件index.html
<!DOCTYPE html> <html> <head> <title>webpack 2 demo</title> </head> <body> <script src="dist/bundle.js"></script> </body> </html>通过npm init创建package.json文件
安装lodash
npm install --save lodash
创建webpack的配置文件webpack.config.js
var path = require('path'); module.exports = { entry: './app/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') } };最终目录结构
运行webpack
下次介绍loader和plugin的使用。
参考资料
webpack1
http://webpack.github.io/docs/tutorials/getting-started/
webpack2
https://webpack.js.org/
