webpack中常见用或者说常见的插件介绍

一、ExtractTextWebpackPlugin插件作用

关于第二个问题,我的回答是of  course。如果不用的话,会产生一些css和js混乱的问题,让我们一起将在不用ExtractTextWebpackPlugin的情景重现一下。

在webpack的配置过程中,要通过npm安装style-loader、css-loader等相关的一些loader来处理css文件,然后在modules模块中做好css和js相关配置之后运行webpack命令进行打包。

ExtractTextWebpackPlugin插件属性

newExtractTextPlugin(options:filename|object):

1.id:此为插件的唯一标识,默认为自动生成。

2.filename:定义文件的名称。如果有多个入口文件时,应该定义为:[name].css。

3.allChunks:当使用 `CommonsChunkPlugin` 并且在公共 chunk 中有提取的 chunk(来自`ExtractTextPlugin.extract`)时,`allChunks` **必须设置为 `true`。

4.ignoreOrder:禁用顺序检查 (这对 CSS 模块很有用!),默认 `false`。

5.disable:禁用插件

ExtractTextPlugin.extract(options:loader|object)

1.options.use:指需要什么样的loader去编译文件

2.options.fallback:编译后用什么loader来提取css文件

3.options.publicfile:用来覆盖项目路径,生成该css文件的文件路径

猜你喜欢

转载自www.cnblogs.com/yuanjili666/p/11795459.html