webpack迷你css-提取-插件=>输出多个css-文件在一个入口
webpack迷你css-提取-插件是一个用于Webpack构建工具的插件，它的作用是将多个CSS文件从一个入口文件中提取出来并输出为多个独立的CSS文件。
这个插件的主要功能是将CSS代码从JavaScript文件中提取出来，以便于浏览器能够并行加载CSS和JavaScript文件，从而提高页面加载速度和性能。
使用webpack迷你css-提取-插件的优势包括：
- 代码分离：将CSS代码与JavaScript代码分离，使得页面加载时可以并行加载多个CSS文件，提高页面加载速度。
- 优化缓存：将CSS文件独立输出，可以利用浏览器缓存机制，减少重复加载CSS文件的次数。
- 提高开发效率：通过将CSS代码从JavaScript文件中提取出来，可以更好地组织和管理CSS代码，提高开发效率。
webpack迷你css-提取-插件适用于以下场景：
- 多页面应用：当一个项目包含多个页面时，可以将每个页面所需的CSS代码提取为独立的文件，以便于页面之间共享和复用。
- 组件化开发：在使用组件化开发的项目中，可以将每个组件所需的CSS代码提取为独立的文件，以便于组件的独立开发和维护。
- 优化性能：通过将CSS代码与JavaScript代码分离，可以减少页面加载时的阻塞，提高页面的响应速度和用户体验。
腾讯云提供了一款与webpack迷你css-提取-插件类似的产品，即腾讯云CDN（内容分发网络）。腾讯云CDN可以将静态资源（包括CSS文件）缓存到全球分布的节点上，提供快速的内容分发服务，从而加速网站的访问速度和性能。
更多关于腾讯云CDN的信息和产品介绍，可以参考腾讯云官方文档：腾讯云CDN产品介绍。
相关·内容
我正在尝试提取我的库中的css文件。我读过这样做的方法是使用迷你css-提取插件。
我做错了什么吗？还有其他方法来提取我的库的css文件吗？
下面我使用在上提供的相同文件创建了一个简单的测试项目
下面的例子在webpack 5中失败了，在webpack 4中效果很好。
style.css
body {
background: green;
}
index.js
import './style.css';
package.json
{
"name": "test",
"version": "1.0.0",
浏览 11提问于2021-01-29得票数 12
2回答
我需要创建多个主题的CSS文件使用webpack版本4和“迷你CSS提取插件”在我的react项目。取决于一个地方，webpack会找到一个导入的SCSS文件，它应该使用加载器两次-与不同的数据在sass-loader选项。 根据这个目标，我在互联网上没有发现任何有用的东西。我也已经尝试过使用webpack的装载机，如:webpack-联合装载机，多机装载机等。 这是webpack配置的一部分 module: {
rules: [
{
test: /\.scss$/,
use: [
{
loader: MiniC
浏览 33提问于2019-04-15得票数 6
1回答
我的项目环境是
webpack 1.15.0
extract-text-webpack-plugin 1.0.1
我将样式提取到单个css文件中，它在chrome firefox和IE10+中运行良好，但在IE9-中则不然。
我发现旧IE对css文件有限制：
A sheet may contain up to 4095 rules(maybe selectors)
A sheet may @import up to 31 sheets
@import nesting supports up to 4 levels deep
但是我提取的css文件有4095+选择器。
那么，是否有一种方法可以自
浏览 1提问于2017-11-24得票数 0
回答已采纳
1回答
到目前为止，我一直使用extract-text-webpack-plugin和webpack 3制作两个包文件。一种是本地风格，一种是全球风格。
因此，在全局样式文件中，我们会从类似引导、语义.在本地风格的捆绑中，我们会把我们自己的风格。
这两个文件都有contenthash，因此如果我在本地样式中更改某些内容并重新构建应用程序，那么只有本地样式的散列会改变，而不是全局样式。
更新后的webpack 4，需要使用迷你css-提取-插件，而不是提取-文本-webpack-插件。
到现在为止这是我的安排。我正在尝试不同的东西，但我不知道如何把这个设置为迷你css-提取-插件？
const Extr
浏览 2提问于2018-08-19得票数 1
2回答
当我在文本编辑器中保存样式表时，我希望热重新加载我的窗口。目前，我必须手动重新加载页面，以查看任何更改。下面是我的Webpack配置文件中处理css的片段：
module: {
rules: [
{
test: /\.js$/,
exclude: path.resolve(__dirname, 'node_modules'),
loader: 'babel-loader',
},
{
test: /\.css$/,
include: [`${PATHS.src}`, `${P
浏览 1提问于2017-10-16得票数 0
回答已采纳
我尝试在Laravel中使用。
我通过npm configure在mix .But中安装它(mix)有一个小问题，即css模块的样式作为<style>标记加载到<head>标记中。
为了正确地解决这个问题和加载样式，我需要安装extract-text-webpack-plugin并将其配置到我的mix.config。
首先，我安装了提取插件4.0.0-α.0的alpha版本。
在我尝试在我的webpack.mix.js中配置它之后
const mix = require('laravel-mix');
let webpack = require('
浏览 0提问于2019-02-10得票数 0
回答已采纳
最近，我将我的NodeJS版本更新为“v16.13.2”，从那以后，我构建的模板在试图捆绑scss和css时已经崩溃了。其他的一切在建筑时都很正常。我知道节点- sass已经被废弃，我应该使用sass (dart-sass)。但是，当我运行我的构建时，我会得到以下错误：
Module parse failed: C:\Users\...\src\styles\styles.scss Unexpected token (1:3)
You may need an appropriate loader to handle this file type.
| h1 {
| color: whit
浏览 5提问于2022-02-07得票数 0
首先，Webpack2 (2.3.3) Config代码：
//========== Imports =========================================================//
const path = require("path");
const webpack = require("webpack");
//========== Exports =========================================================//
module.exports = {
浏览 2提问于2017-04-13得票数 0
回答已采纳
我正在从吞咽迁移到webpack的设置。我希望webpack处理我的js和css资产，并将它们打包成包。我已经设置了2个webpack配置文件:一个用于js，一个用于css。
我的项目中css和js资产的总大小是相似的:每个部分中有70个文件(400 of )。
与js相比，我的问题与webpack在处理css资产时表现不佳有关。
比较：
JS构建(第一次运行)：15-30秒
JS构建(带有缓存)：2秒
CSS构建(第一次运行)：15秒
CSS构建(带有缓存)：10秒
显然，CSS构建器使用缓存的效率不如CSS部件。老实说，我认为它根本不使用缓存(节点_模块/..cache没有
浏览 1提问于2018-04-13得票数 0
1回答
我试图根据输入文件的名称动态地命名Webpack输出的文件。例如，我的条目名为accessCodeEditor.js，我希望输出文件命名为accessCodeEditor.min.js。我认为output.filename: "[name].min.js"会根据这些文档来完成这个任务，但它将其命名为main.min.js：
这是我的webpack.config.js文件：
const path = require("path");
const TerserPlugin = require("terser-webpack-plugin");
mo
浏览 3提问于2022-02-03得票数 1
1回答
假设我有多个组件需要相同的SCSS文件。当我使用webpack ExtractTextPlugin插件时，我得到的输出文件中包含了该文件内容的多个副本。是否有办法防止提取已在输出文件中提取的文件?1
浏览 2提问于2017-10-31得票数 0
刚刚升级到Webpack 4，现在我想看看如何利用升级。我一直在阅读关于的文章，根据文档，它应该比ExtractTextPlugin更擅长于提取css，方法如下：
异步加载
无重复编译(性能)
更容易使用
特定于CSS
我有点搞不懂这些优势到底意味着什么。async loading指的是什么？重复编译？有人能为那些不太熟悉css webpack生态系统的人把这些东西拆掉吗？
浏览 0提问于2018-08-16得票数 0
我试着用一种.
在所有输出文件中不包括webpack运行时。
不需要webpack运行时的额外common.chunks.js文件。
允许我指定包含webpack运行时的输出文件。
在我的具体示例中，我有一个header.js文件，它需要在加载其余页面之前运行。我想指定这个文件中存在哪些模块，以及webpack运行时。
我有一个bundle.js文件，这是我的应用程序的大部分代码。由于webpack运行时将在header.js中加载，所以我希望确保它不包含在bundle.js中
我的入口点看起来像这样
entry: {
header: './src/js/d
浏览 8提问于2017-02-13得票数 2
我正在尝试让Webpack-4 splitChunks优化这样做：
将所有JS&CSS不放在任何入口点，而是多次使用到公共文件(CSS & JS)中。
将来自Vue组件的MiniCssExtractPlugin生成的所有CSS合并到同一个共同的CSS文件中。
我有此功能(如下所示)，但第二个"extractedStuff“规则的效果是将所有入口点代码也放入共享块中，这正是我试图通过该”测试“来防止的。“入口点”文件只是webpack存根，所有东西都在普通文件中，即使它只使用过一次。很管用，但不雅致。
是否有人知道如何将进入点排除在第二条规则之外，或者是否
浏览 2提问于2018-06-13得票数 1
4回答
我用Webpack ^4.26.0。我以前用过Webpack 3的“摘录-文本-Webpack-插件”来使用CSS。但是我读到这个插件在Webpack 4上已经不起作用了，而“提取-文本-webpack-插件”建议使用“迷你-css-提取-插件”-plugin。
我通过命令安装了这个插件：
npm安装
还需要webpackconfig中的插件，并将其添加到我的规则和插件中：
// webpack.config.js
const webpack = require("webpack");
const path = require("path");
cons
浏览 0提问于2018-11-21得票数 6
我是webpack的新手，我下载了一个适合我需求的github项目，当我启动我的服务器时，我发现css并没有包含在build html文件中。
'use strict';
const fs = require('fs');
const path = require('path');
const resolve = require('resolve');
const webpack = require('webpack');
const PnpWebpackPlugin = require('pnp-web
浏览 0提问于2019-04-10得票数 0
回答已采纳
使用WebPack时，通常必须将入口点设置为.js文件。这是必需的吗？我有两种情况：
我想将一个.scss转换成一个.css文件。
我想用imagemin缩小图像。
我没有也不需要任何JavaScript。如何使用WebPack实现这一点？这就是正确的工具吗？我以前用古普做过这个。只有当您从WebPack文件中获取require图像和CSS时，JavaScript才有意义吗？
浏览 0提问于2017-06-03得票数 3
我正在从webpack 3升级到webpack 5。在这个项目中，它使用原始加载程序和提取文本插件解析导入的html文件(角组件)，然后合并所有html文件并输出一个html。下面是webpack配置片段：
.
.
.
# initialize the extractText plugin
const extractHTML = new ExtractTextPlugin({
filename: `${assetsPattern}.[contenthash].html`,
allChunks: true
.
.
.
# setup the loader
{
test:
浏览 11提问于2022-02-21得票数 3
我正在使用webpack的一个项目，我需要一个javascript配置文件作为构建文件的一部分，但我不知道如何做到这一点。
因此，我需要在输出中包含这些文件：
index.html app.js config.js
我想我需要：
1)将config.js文件从源文件夹复制到使用CopyWebpackPlugin的构建文件夹，或
2)将该文件包含在编译后的包中，然后使用ExtractTextWebpackPlugin进行解压缩。
我尝试过几十种不同的配置方法，但是当尝试使用copy方法时，我在app.js包中和作为一个单独的文件获得文件。当我尝试使用提取方法时，我似乎不知道如何从主包中提取jav
浏览 4提问于2017-03-30得票数 1
回答已采纳
我对使用node.js及其包很陌生，所以我开始运行npm init来创建下面的package.json：
{
"name": "test",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "webpack serve"
},
"author": "
浏览 1提问于2022-08-22得票数 0
描述
在webpack中，我使用的是mini-css-extract-plugin
plugins: [
new MiniCssExtractPlugin({
filename: '[name].[hash].css',
chunkFilename: '[name].[hash].css',
})
]
在块文件中加载scss文件
{
test: /\.scss$/,
use: [
{ loader: MiniCssExtractPlugin.loader, options: {
hmr: isdev,
浏览 0提问于2019-07-08得票数 5
1回答
我正在尝试使用Webpack 4作为我的项目。除了extract-text-webpack-plugin之外，所有插件都能工作。
实际行为：当我构建项目时，完全没有错误，文件也缩小了
预期行为：获取dist文件夹中的styles.css文件
输出
文件结构
webpack.config
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const Extract
浏览 2提问于2018-04-25得票数 1
回答已采纳
4回答
webpack 4如何使用sass装载机？我读了很多关于这个的文章，大多数网站都推荐使用ExtractTextPlugin，但是ExtractTextPlugin并不适用于webpack 4。
我写的是webpack.config.js
const path = require('path');
const ClosureCompilerPlugin = require('webpack-closure-compiler');
module.exports = {
module: {
rules: [
{
浏览 1提问于2018-04-03得票数 12
回答已采纳
2回答
我目前正在使用Webpack打包我们的Angular2应用程序，我正面临一个问题。
我读过几个文档，但无法实现如何使用文件加载器复制输出目录中的一些文件。
下面是我当前的文件层次结构：
config
| - webpack.common.js
app
|- static
| - css
| - ...
| - fonts
| - ...
| - img
| - someimage.png
| - anotherimage.png
|- m
浏览 5提问于2016-05-20得票数 1
回答已采纳
2回答
我很难让源代码地图与css-加载器一起工作。
控制台中的输出：
css-加载程序的文档是怎么说的：
SourceMaps
若要包含SourceMaps，请设置sourceMap查询参数。
要求(“css?sourceMap！/file.css”)
My webpack.config
var webpack = require('webpack')
module.exports = {
entry: './src/client/js/App.js',
output: {
path: './public',
浏览 4提问于2016-05-18得票数 22
回答已采纳
1回答
我正在创建一个非SPA网站，我想使用webpack，但当我有多个输入文件和多个输出文件时，我无法实现这种情况。我的输入文件有以下结构：
-/front -app.js -/js -main.js -login.js
我希望输出是：
-/web -/bundles -main.js -login.js
下面是我的webpack.config.js的开头：
module.exports = {
context: path.resolve('src/front'), // main webpack folder
entry: [&#
浏览 1提问于2017-06-01得票数 4
我试图在我的rails应用程序中使用scss，这是由webpacker配置的。每当我运行rails webpacker:compile时，都会得到以下错误：
ERROR in ./app/javascript/stylesheets/application.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
浏览 0提问于2021-02-15得票数 8
回答已采纳
1回答
我的问题与webpack有关。假设我使用webpack和vue.js项目。webpack是如何建设这个项目的，当我运行npm运行建设的时候。我知道这里有一个构建文件夹，其中必须添加配置文件，还有输出文件夹dist，这将保存我的最终项目。
问题1) WHat webpack做什么？它是否在配置文件中搜索入口点，以便知道从哪里开始构建进程？对于vue.js，它是src/main.js。我说的对吗？
QUestion 2)当它找到main.js时，它会做什么？它是否从main.js到顶部，以便找到所有的依赖项？
QUestion 3)假设IT找到了一个.vue文件。是干什么的呢？它是否分离js代码-
浏览 1提问于2018-09-03得票数 1
回答已采纳
1回答
我已经不再用老式的方式包括样式表了：
<link rel="stylesheet" href="./../css/main.css">
Webpack的方法：
var css = require('./../css/main.css');
它可以工作，但我不喜欢它将这个文件中的css提取成内联标记，因为这样就很难在Dev工具中调试它。例如，我不知道这些属性来自哪个文件和行：
如何将其移动到单独的文件或生成指向源文件的源映射？因此，当我检查它的开发工具时，它将如下所示：
我的webpack.config.js
var a
浏览 5提问于2016-11-18得票数 9
回答已采纳
当我在我的Vuejs应用程序中运行npm run build时，我得到了以下错误：
compiler.hooks.compilation.tap(
^
TypeError: Cannot read property 'compilation' of undefined
at OptimizeCssAssetsWebpackPlugin.apply (C:\Users\EFOSA\Desktop\my_project\client\node_modules\last-call-webpack-plugin\src\index.js:170:20)
at Compiler.appl
浏览 0提问于2019-07-02得票数 1
当我试图添加sass加载程序并运行webpack时，dist文件夹中有多个chunck .css文件，而不仅仅是绑定的一个名为"style.css“的文件。
我的dist输出文件夹如下所示：
0.e749007119be51de03e4.js 1.e749007119be51de03e4.js bundle.e749007119be51de03e4.js
0.style.css 1.style.css
我想这是因为Mini提取插件，但我不知道如何修复它。
这是webpack的档案：
const webpack = require('webpac
浏览 0提问于2018-08-16得票数 2
回答已采纳
2回答
背景
我正在尝试使用创建一个项目，使用进行捆绑。代码是使用编写的。我使用来处理依赖项。
我的网页将由多个核心HTML页面组成。接下来的想法是为每个页面创建一个Aurelia应用程序。
因此，每个页面上的index.html都有一个<div aurelia-app="some_module">，每个<div aurelia-app="some_module">引用一个不同的模块。然后，它们中的每一个都位于它们自己的包中。它们之间的共享代码在单独的包中。
当前配置
我的目录结构如下：
aurelia-webpack/src/monitor/
浏览 0提问于2017-05-18得票数 0
在我的应用程序中，我使用babel (我用它从源文件生成包)应用webpack。我在server_rendering.js环境中创建一个在服务器上运行的包(入口点application.js)，另一个在客户机上运行(入口点application.js)。由于与某些JS库之间有一些特殊的交互，我需要根据入口点文件运行不同的babel转换。我该怎么做？
为了澄清，似乎有许多类似的问题涉及到基于环境变量的babel的不同响应，这不是我在这里要做的。我希望能够将两个文件编译成同一个webpack进程的一部分。
在我的情况下，我也可以满足于基于入口点来增强我的webpack配置。
浏览 1提问于2019-11-13得票数 0
回答已采纳
2回答
我有一个非常简单的设置，使用Webpack (1.14.0)和提取文本Webpack插件(1.0.1)来生成一个CSS文件。问题是，在运行webpack时，没有生成任何CSS工件。
这是我的webpack.config.js
var ExtractTextPlugin = require('extract-text-webpack-plugin')
var path = require('path')
module.exports = {
entry: [
path.resolve(__dirname, 'src') + '
浏览 15提问于2017-01-05得票数 0
我尝试用'name.chunkhash.js‘构建js文件，但是输出文件不包括名称
这是我的输出配置
webpackConfig.output = {
filename: __DEV__ ? '[name].js' : '[name].[chunkhash].js',
path: paths.dist(),
publicPath: config.compiler_public_path
}
最近我将webpack更新为v3，之后我遇到了这个问题。
更新1
条目配置：
webpackConfig.entry = {
app: __D
浏览 2提问于2018-01-17得票数 1
回答已采纳
5.37.1mini-css-extract-plugin 1.6.0postcss-loader webpack 5.3.0减4.1.1
预期行为
建立成功。
实际行为
模块构建失败时，使用mini-css-提取-插件与postcss-加载程序为较少。如果我从加载程序列表中删除postcss-加载程序，那么它将正确构建。迷你css-解压缩插件或后置加载器的问题？
ERROR in ./src/views/app.vue?vue&type=style&index=0&lang=less& (./node_modules/mini-css-extract-plug
浏览 47提问于2021-05-27得票数 2
2回答
我使用以下webpack.config.js文件构建两个CSS文件(editor.css和style.css)和一个JS文件(block.build.js)，使用mini-css-extract-plugin插件：
// Load webpack for use of certain webpack tools and methods
const webpack = require( 'webpack' );
// For extracting CSS (and SASS) into separate files
const MiniCssExtractPlugin = req
浏览 0提问于2019-08-18得票数 3
回答已采纳
我看了 webpack配置文件，我不太明白如果给出多个入口点会发生什么(如下面的示例所示)。
是因为入口点作为依赖项搜索的起点，然后结果依赖项的联合才是包的最终结果吗？
'use strict';
var webpack = require('webpack');
module.exports = {
entry: [
'webpack/hot/only-dev-server',
'./index.js'
],
output: {
path: __dir
浏览 8提问于2016-10-03得票数 7
1回答
我用npm init -y初始化了webpack，然后手动修改脚本和webpack的配置文件，从而创建了react应用。我的文件内容如下：
package.json
{
"name": "arw.ecahangirov",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"dev": "webpack --
浏览 21提问于2019-08-18得票数 1
我的项目不是一个JS网络应用程序。它是一个传统的CMS，带有PHP模板，调用所需的JS和CSS文件。我用webpack4来实现这个目标：
For JS: Bundle、minify、polyfill和创建一个js源代码地图--运行良好，这里没有问题。从src中的一个文件夹复制资产(字体和图像)。另一个在迪斯特。--我的SCSS文件的：从给定目录编译Sass，添加前缀，并将单个css文件输出到特定文件夹，包括CSS 。所有东西都在工作，，但我无法生成CSS源代码地图。我可以用Grunt完成所有这些，但我希望只使用一个工具-webpack！
我正在粘贴我的配置文件，看看是否有人发现了什么问题。
我
浏览 3提问于2020-04-02得票数 0
1回答
我一直有难以置信的困难，让Sass与我的反应设置工作。我已经安装了需要的css-loader、sass-loader和style-loader。我还安装了extract-text-webpack-plugin，它将.scss转换为.css。目前，我关注的是这些文件：
index.js
import React from 'react'
import ReactDOM from 'react-dom'
import App from './app.jsx'
require('./app.scss');
ReactDOM.rend
浏览 1提问于2017-10-26得票数 0
回答已采纳
警告在块访问权限~组~导航器迷你-css-提取-插件之间的冲突顺序：
css ../node_modules/css-loader??ref--7-1!../node_modules/postcss-loader/lib!./components/Icon/_circle/Icon_circle.scss
css ../node_modules/css-loader??ref--7-1!../node_modules/postcss-loader/lib!./components/Counter/Counter.scss
css ../node_modules/css-loader
浏览 2提问于2018-08-22得票数 36
1回答
我正在学习webpack和babel，有些东西让我很困惑。
在大多数情况下，我看到的配置文件的输入和输出如下：
entry: { main: './src/index.js'},
output: {
path: path.resolve(__dirname, "dist"),
filename: 'bundle.js'
},
这是完全合理的，但是如果您想要将多个js文件编译到dist中呢？例如，如果您有多个正在导入和导出的js文件，该怎么办？
据我所知，许多人会使用webpack的React，所以只
浏览 0提问于2018-07-21得票数 3
回答已采纳
在另一个问题中，an accepted answer with 11 upvotes suggests使用webpack的html-webpack-plugin合并HTML+JS+CSS。 然而，没有一个字是关于如何实现的，所以这就是我的问题。我有一个HTML格式的文档文件。它包括两个外部CSS文件和一个javascript文件(语法高亮)。我想把它们捆绑到一个HTML文件中，以便分发。 我试着用下面的webpack.config.js在没有打包任何JS的情况下使用了webpack const HtmlWebpackPlugin = require("html-webpack-plu
浏览 16提问于2019-01-17得票数 1
我正在做一个项目，需要CSS和JavaScript代码在不同的文件中编译。
我有一个JavaScript源文件-- <root>/src/js/main.js --按预期编译成<root>/dist/main.js。
webpack配置文件如下所示：
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
var path = require("path");
module.exports = {
mode: 'development',
entr
浏览 9提问于2022-04-18得票数 -1
回答已采纳
2回答
我开始学习webpack、node和react，我对一些基本的工作人员感到有点困惑。
webpack是否将整个react.js +我的javascript文件捆绑到一个输出文件中，所以在部署到生产中时，我不需要安装项目中使用的节点包(假设它们被添加到webpack文件中)？
如果以上所述是正确的：
在我的服务器上，我只需要放置index.html + webpack的输出( bundle.js)？(在简单的场景中)？
package.json只在开发端使用？
浏览 3提问于2017-07-26得票数 2
回答已采纳
我使用多个入口点(一个用于生成绑定的js文件(main.js)，另一个用于生成css文件(style.css)。我的webpack.config.js文件既生成了这两个文件，也生成了一个style.js文件。如何使它不生成style.js文件？
webpack.config.js：
'use strict';
var path = require('path');
var webpack = require('webpack');
var ExtractTextPlugin = require('extract-text-webpack
浏览 3提问于2017-02-12得票数 0
回答已采纳
这个尚未解决，我需要这里的帮助。帮助!
我的问题是：如何使用css -加载程序安装webpack sass加载程序，安装css模块，以防止重复导入。
有人能指出我怎么开始解决这个问题吗？
浏览 0提问于2018-02-15得票数 5
我试图在wordpress插件中使用节点和vue js，我被css文件的重要部分击中了，我正在尝试将css文件添加到package.json文件中。使用css加载器导入css文件。但是我得到了以下错误。在这种情况下，任何人也能解释如何发布-css吗？
package.json
{
"name": "plugin_toolkit",
"version": "1.0.0",
"description": "Simple WordPress plugin that uses Webpack.&
浏览 3提问于2021-09-18得票数 2
1回答
我是webpack的新手，还有点搞不懂webpack是如何配合装载机的。让我们有下面的类型记录文件index.ts
//index.ts
import "bootstrap/dist/css/bootstrap.css";
...
// typescript code
下面是webpack配置文件：
module.exports = {
mode: "development",
entry: "./src/index.ts",
output: { filename: "bundle.js" },
浏览 1提问于2019-10-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
