分享webpack实例教程-

第一全局安装webpack，再npm初始化一个项目，并部分安装webpack开发工具$npminstallwebpack-gnpminit(项目名称)$npminstallwebpack-dev-server--save-dev在项目名目下新建app文件夹，并新建index.js文件，写入如下代码console.log( Webpack 是一个前端资源加载/打包工具。它将依据模块的依赖关系进行静态剖析，然后将这些模块按照指定的法则生成对应的静态资源。

安装 Webpack

在安装 Webpack 前，你当地环境需要支撑 node.js。

因为 npm 安装速度慢，本教程运用了淘宝的镜像及其下令 cnpm

第一全局安装webpack，再npm初始化一个项目，并部分安装webpack开发工具

$ npm install webpack -g

npm init (项目名称)

$ npm install webpack-dev-server --save-dev

在项目名目下新建app文件夹，并新建index.js文件，写入如下代码

console.log('hello world');

在项目文件夹下打开下令行，输入如下下令

webpack app/index.js build/index.js

涌现如下代码即为成功

可以看到73行就是我们app/index.js 文件的代码

概括源码等改天我们再剖析，今天我们主要的目的是体验。

这样一个一个代码敲效率太低，我们可以通过webpack.config.js文件来完成更高级的功能。

以上就是分享webpack实例教程的细致内容，更多请关注 百分百源码网 其它相干文章！