extract-text-webpack-plugin 的使用及安装
来源:互联网 发布:日本签证年薪十万知乎 编辑:程序博客网 时间:2024/05/21 17:35
extract-text-webpack-plugin该插件的主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象;首先我先来介绍下这个插件的安装方法:
npm install extract-text-webpack-plugin --save-dev
首先进入项目的根目录,然后执行以上命令进行插件的安装,插件安装完成后,接下来我们要做的就是在webpack.config.js中引入该插件
const ExtractTextPlugin = require("extract-text-webpack-plugin");module.exports = { module: { rules: [ { test: /\.css$/, use: ExtractTextPlugin.extract({ fallback: "style-loader", use: "css-loader" }) } ] }, plugins: [ new ExtractTextPlugin("styles.css"), ]}
该插件有三个参数意义分别如下
use:指需要什么样的loader去编译文件,这里由于源文件是.css所以选择css-loaderfallback:编译后用什么loader来提取css文件publicfile:用来覆盖项目路径,生成该css文件的文件路径
0 0
- extract-text-webpack-plugin 的使用及安装
- extract-text-webpack-plugin 的使用及安装
- extract-text-webpack-plugin 的安装及配置
- Webpack安装extract-text-webpack-plugin遇见的两个问题
- extract-text-webpack-plugin配置出错的解决办法
- 【Issues-Webpack-N1】extract-text-webpack-plugin使用css-loader报错
- 使用webpack2和extract-text-webpack-plugin时遇到Chunk.entry was removed. Use hasRuntime()错误的解决方法
- 使用webpack2和extract-text-webpack-plugin时遇到Chunk.entry was removed. Use hasRuntime()错误的解决方法
- webpack学习笔记-5-extract-text-webpack-plugin
- extract-text-webpack-plugin插件提取css单独打包
- webpack "extract-text-webpack-plugin" 打包报错loader is used without the corresponding plugin
- webpack3最新版本配置研究(三)多入口,html-webpack-plugin, extract-text-webpack-plugin
- webpack3最新版本配置研究(二)多入口,html-webpack-plugin, extract-text-webpack-plugin
- webpack---编译sass并分割css为独立文件,通过extract-text-webpack-plugin分割文件
- extract-text-webpack-plugin" loader is used without the corresponding plugin How to deal
- html-webpack-plugin 的使用
- 安装及使用webpack
- webpack构建React应用二:webpack的安装及基础使用
- lightpj 1248
- git submodule的使用
- linux 对一个目录及其子目录所有文件添加权限
- HDU 2089 不要62 数位DP
- stm32 中空编码器tim4初始化
- extract-text-webpack-plugin 的使用及安装
- Android UI 相关开源框架
- 使用InternetCrackUrl分解url
- c++实验五
- 安卓智能地图开发与实施五:在线基础底图
- C语言中volatile关键字的作用
- Android Notification
- Go实战--实现简单的restful api(The way to go)
- 解决nginx: [error] open() "/usr/local/nginx/logs/nginx.pid" failed(2:No such file or durectory)