<万博manbetx平台> 插件(Plugins) - webpack 中文文档(v4.15.1) - 万博manbetx平台中文网
购物车
登陆 / 注册
微信扫码登陆

推荐手册

插件(Plugins)

插件(Plugins)
plugins选项用于以各种方式自定义webpack构建过程。webpack附带了各种内置插件,可以通过webpack.[plugin-name]访问这些插件。请查看这个页面获取插件列表和对应文档,但请注意这只是其中一部分,社区中还有许多插件。
云罗郡主 云罗郡主 更新时间:2019-01-14 11:09:15

插件(Plugins)


plugins选项用于以各种方式自定义webpack构建过程。webpack附带了各种内置插件,可以通过webpack.[plugin-name]访问这些插件。请查看这个页面获取插件列表和对应文档,但请注意这只是其中一部分,社区中还有许多插件。

T>注意:本页面仅讨论使用插件,如果你有兴趣编写自己的插件,请访问编写一个插件页面。

plugins

array

webpack插件列表。例如,当多个bundle共享一些相同的依赖,CommonsChunkPlugin有助于提取这些依赖到共享的bundle中,来避免重复打包。可以像这样添加:

plugins: [
  new webpack.optimize.CommonsChunkPlugin({
    ...
  })
]

一个复杂示例,使用多个插件,可能看起来就像这样:

var webpack = require('webpack');
// 导入非 webpack 自带默认插件
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var DashboardPlugin = require('webpack-dashboard/plugin');

// 在配置中添加插件
plugins: [
  // 构建优化插件
  new webpack.optimize.CommonsChunkPlugin({
    name: 'vendor',
    filename: 'vendor-[hash].min.js',
  }),
  new webpack.optimize.UglifyJsPlugin({
    compress: {
      warnings: false,
      drop_console: false,
    }
  }),
  new ExtractTextPlugin({
    filename: 'build.min.css',
    allChunks: true,
  }),
  new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
  // 编译时(compile time)插件
  new webpack.DefinePlugin({
    'process.env.NODE_ENV': '"production"',
  }),
  // webpack-dev-server 强化插件
  new DashboardPlugin(),
  new webpack.HotModuleReplacementPlugin(),
]
网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号