Webpack 是一个前台资源加载/打包工具。

安装 Webpack

使用 cnpm 安装 webpack：

cnpm install webpack -g

创立项目
接下来我们创立一个目录 app：

mkdir app

在 app 目录下增加 runoob1.js 文件，代码如下：

app/runoob1.js 文件document.write("It dashu.");

app/index.html 文件

<html>    <head>        <meta charset="utf-8">    </head>    <body>        <script type="text/javascript" src="bundle.js" charset="utf-8"></script>    </body></html>

接下来我们使用 webpack 命令来打包：

webpack dashu.js bundle.js

配置文件

app/webpack.config.js 文件module.exports = {    entry: "./dashu.js",    output: {        path: __dirname,        filename: "bundle.js"    },    module: {        loaders: [            { test: /\.css$/, loader: "style-loader!css-loader" }        ]    }};

插件

cnpm install webpack --save-dev

安装

cnpm install webpack-dev-server -g

运行

webpack-dev-server --progress --colors

请点赞！由于你的鼓励是我写作的最大动力！

官方微信公众号

吹逼交流群：711613774