ExtractTextPlugin不在webpack 2工作
ExtractTextPlugin是一个用于将CSS从JavaScript文件中提取出来的webpack插件。它在webpack 2中不再工作的原因是因为webpack 2引入了新的方式来处理CSS，即使用了新的模块系统——CSS模块。在webpack 2中，可以使用内置的style-loader和css-loader来处理CSS模块，并将其直接嵌入到JavaScript文件中。
在webpack 2中，可以通过以下方式来处理CSS模块：
- 安装
style-loader和css-loader：npm install style-loader css-loader --save-dev - 在webpack配置文件中，使用
module.rules配置项来定义处理CSS的规则：module: { rules: [ { test: /\.css$/, use: [ 'style-loader', 'css-loader' ] } ] } - 在JavaScript文件中，可以通过
import或require语句来引入CSS文件：import './styles.css';
这样，webpack会将CSS文件转换为JavaScript模块，并将其嵌入到最终的打包文件中。
需要注意的是，以上方法适用于处理纯CSS文件。如果需要处理Sass、Less等预处理器语言，还需要安装相应的loader，并在webpack配置文件中进行相应的配置。
推荐的腾讯云相关产品：无
参考链接：
相关·内容
0回答
ExtractTextPlugin不在webpack 2工作
webpack-2、extract-text-plugin
我正在尝试将我的webpack 1.x迁移到2.x，但它不能与ExtractTextPlugin一起工作。我的webpack版本是2.1.0-beta.28和“提取-文本-webpack-插件”："2.0.0-beta.4“var path = require('path')
var webpac
浏览 7提问于2017-01-05得票数 0
回答已采纳
1回答
有没有可能在不捆绑字体但有源地图的情况下在Webpack中加载SASS？
sass、webpack
localhost:3000/我读了很多类似问题的答案和解决方案: 1.去掉'sourceMap‘-它可以工作，字体可以正确显示，但是...no URL 2.将publicPath更改为sourceMaps - done it
我找不到任何解决方案，允许我加载外部捆绑字体，并与sourceMaps的CSS…
浏览 0提问于2015-12-27得票数 1
1回答
带有sourcemap and和devtool的Webpack sass-loader
webpack、sass-loader
嗨，我是新来的Webpack。webpack --devtool eval根据sass-loader页面上的描述，需要在配置文件中写入sourcemaps修复的选项
浏览 0提问于2016-02-11得票数 2
2回答
Webpack:捆绑所需的css文件
css、webpack
作为Webpack的新手，我正在关注讨论：：
但是上面的两个css文件不会捆绑在一起。如何指示<
浏览 4提问于2017-04-23得票数 0
2回答
React热加载器配置
javascript、reactjs、webpack
我不能让react热装载器在我的项目中正常工作。当我刷新页面时，没有任何更改。我关注了这个链接，它看起来很简单，但我不确定为什么它不起作用：
var path = require('path')// var ExtractTextPlugin = require("extract-text-web
浏览 2提问于2015-09-04得票数 1
2回答
如何在Webpack插件中指定多个加载程序？
css、sass、webpack、extract-text-plugin
我的Webpack配置包含以下加载器。var ExtractTextPlugin = require("extract-text-webpack-plugin");
loaders: [ { loader:
浏览 3提问于2017-01-18得票数 4
回答已采纳
2回答
依赖升级地狱。这个CSS加载器出了什么问题？
webpack、webpack-style-loader、postcss、css-loader
我正在升级到Webpack 2，并借此机会也升级了所有其他的软件包。test: /\.css/,use: [ {/node_modules/style-loader/addStyles.js (mai
浏览 0提问于2017-03-06得票数 2
回答已采纳
3回答
在webpack中同时更新css和js文件中的块散列
javascript、webpack
我只在输出中得到了JS文件，而我使用了ExtractTextPlugin来提取css file.Both，在他们的names.My中有块散列，问题是只有在对JS而不是Css进行更改时才会创建新的块散列。在我的webpack.config.js文件中。var webpack = require("webpack");var ExtractTextP
浏览 1提问于2017-06-12得票数 8
1回答
有没有办法用webpack 4将scss文件构建到css中？
javascript、sass、webpack-4
我只是尝试Webpack 4，我想知道它是否有一个内置的方式来管理Scss文件，因为ExtractTextPlugin不工作。
浏览 0提问于2018-03-05得票数 1
回答已采纳
3回答
CSS文件不与webpack一起创建
css、sass、webpack
我使用webpack，我想用SASS生成我的CSS文件。const webpack = require('webpack'),
浏览 10提问于2016-05-20得票数 0
回答已采纳
3回答
在webpack.config.babel.js中使用“导入”时出错
javascript、webpack、vue.js、vuejs2、webpack-dev-server
webpack.config.babel.jsimport webpack from 'webpack'import ExtractTextPlugin from 'extract-text-webpack-plugin'
h
浏览 5提问于2017-04-02得票数 6
回答已采纳
1回答
Css未与webpack一起加载
javascript、css、webpack
我不能用webpack加载我的样式-我有几个.scss文件，webpack应该把它们编译成.css文件并生成JS输出文件。文件生成正确，但.css文件不在那里。我的配置会有什么问题？：const path = require('path')
test: /\.scss$/
浏览 11提问于2017-02-17得票数 0
1回答
webpack生成不必要的输出文件
webpack、extracttextwebpackplugin
webpack.config.js：var webpack = require('webpack'); new webpack.HotModuleReplacementPlugin(), new <
浏览 3提问于2017-02-12得票数 0
回答已采纳
2回答
如何将scss编译成一个单独的css文件？
javascript、css、sass、webpack、frontend
那我到底该怎么跟Webpack一起做呢？我用extract-text-webpack-plugin和css，style，sass loader，node-sass，resolve-url-loader尝试了一百万种不同的设置，尽管我会得到不同的错误
浏览 0提问于2016-11-01得票数 7
1回答
如何在reactjs的项目中添加Bootstrap css和js文件，在webpack配置文件中添加什么？
css、twitter-bootstrap、reactjs、webpack
我是新来react的，我有一个项目，在这个项目中我使用了css的bootstrap，但现在我想从webpack加载css和js文件。我不知道如何从webpack加载引导程序文件，也不知道如何编写webpack的配置文件，但是我也尝试过通过搜索加载它。这是我的配置文件var webpack = require('webpack');
entry: '.
浏览 0提问于2017-03-03得票数 0
1回答
webpack: webpack.config.js无法正确加载字体
css、node.js、webpack、webpack-dev-server、webpack-2
我有以下来自的webpack片段 test: /\.(woff|woff2|eot|ttf|svg|otf)(\?v=\d+\.\d+\.\d+)?使用我的代码片段，我没有得到任何错误，但是字体在非webpack项目中工作的组件中不起作用。问题要点：
浏览 0提问于2017-03-09得票数 0
2回答
PostCSS & Webpack配置
css、webpack、webpack-2、postcss、cssnext
的插件来转换它们，最后将它们导出到我的/public文件夹，就像我已经对我的.jsx文件所做的那样 const path = require('path'); t
浏览 1提问于2017-03-24得票数 3
2回答
webpack、angular 2、css和sass的设置问题
angular、sass、webpack-2
从原始版本更新我正在尝试设置最新版本的Angular2与webpack来处理sass。我有scss文件正在处理中。然而，现在的问题出在css上。的相关部分... test: /\.css$/, }, test: /\.scss$&
浏览 18提问于2017-02-10得票数 1
回答已采纳
2回答
TypeError: path.replace不是函数
javascript、webpack
/node_modules/webpack/lib/TemplatedPathPlugin.js:72 ^var webpack = r
浏览 34提问于2016-09-22得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
