Webpack插件

插件可以完成更多 loader 不能完成的功能。

插件的使用一般是在 webpack 的配置信息plugins选项中指定。

Webpack 本身内置了一些常用的插件,还可以通过 npm 安装第三方插件。

接下来,我们利用一个最简单的BannerPlugin内置插件来实践插件的配置和运行,这个插件的作用是给输出的文件头部添加注释信息。

修改webpack.config.js,添加plugins:

var webpack =require('webpack');

module.exports = {

entry:'./entry.js',

output: {

path: __dirname,

filename:'bundle.js'

},

module: {

loaders: [      {test:/\.css$/, loader:'style-loader!css-loader'}    ]

},

plugins: [

newwebpack.BannerPlugin('This file is created by zhaoda')

]

}

然后运行webpack,打开bundle.js,可以看到文件头部出现了我们指定的注释信息:

/*! This file is created by zhaoda */

/******/(function(modules){// webpackBootstrap

/******/// The module cache

/******/varinstalledModules = {};

// 后面代码省略

你可能感兴趣的:(Webpack插件)