在Webpack中复制和转换一个解压的CSS文件的简单方法是什么？
在Webpack中复制和转换一个解压的CSS文件的简单方法是使用file-loader和css-loader。file-loader用于复制文件到输出目录，并返回文件的URL。css-loader用于解析CSS文件，并将其转换为模块。以下是具体步骤：
- 首先，安装所需的loader。在项目根目录下运行以下命令：npm install file-loader css-loader --save-dev
- 在Webpack配置文件中，添加以下规则：module.exports = { // ... module: { rules: [ // ... { test: /\.css$/, use: [ 'file-loader', 'css-loader' ] } ] } };
- 在代码中引入CSS文件。在你的JavaScript文件中，使用
import或require语句引入CSS文件：import './path/to/style.css'; - 在Webpack构建过程中，CSS文件将被解析并转换为模块。同时，文件将被复制到输出目录，并返回文件的URL。
这种方法适用于将CSS文件作为模块引入，并在构建过程中进行处理。如果你只需要简单地复制CSS文件到输出目录，可以只使用file-loader，而不使用css-loader。
腾讯云相关产品和产品介绍链接地址：
相关·内容
我有一个用TypeScript写的项目，我可以使用我的Node.js服务器中的webpack-hot-middleware和webpack-dev-middleware库来利用Webpack热重新加载的优势。
此外，我已经为我的Stylus代码配置了所有构建步骤(使用Gulp进行增量构建)，这将在我的公共目录中生成一个CSS文件。
所以，现在我想要利用Webpack的热重载CSS，因为我已经有了我的TypeScript的东西，但我不希望它来构建我的CSS文件，因为我已经有很好的东西了。理想情况下，我只想让Webpack在每次修改时重新加载我的单个CSS文件。实现这一目标的最简单和最好的方法是什
浏览 13提问于2016-05-13得票数 9
1回答
4岁的Webpack不适合我。我主要想它编译成CSS的SCSS这里是配置文件。此外，它不会抛出任何错误，只是表明它已被编译。我敢肯定它在说谎:)
const path = require('path');
const webpack = require('webpack');
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const autoprefixer = require('autoprefixer');
module.exports =
浏览 0提问于2018-04-02得票数 0
我有一个静态站点，在那里我使用Vue和Webpack。
我在一个名为style.css的文件中有一些全局CSS规则，我正在使用import './styles.css'从我的index.js文件中导入它们。此外，我有一些.vue文件，它们生成自己的CSS。
为了生成超文本标记语言页面，我使用了html-webpack-plugin。
我的CSS规则似乎应用正确。然而，包含它们的<style>标签是通过Webpack生成的Javascript动态添加到我的页面的<head>中的。我更希望在生成的index.html文件中静态地显示这些<style&g
浏览 2提问于2018-06-09得票数 9
回答已采纳
1回答
我需要从web组件中导入较少文件的样式。我用的是webpack的小装载机。当我试图从较少的文件中导入样式时，我会收到一个错误，涉及到在“较少”文件中使用的变量。
webpack配置
module: {
rules: [{
test: /\.(css|less)$/,
use: [{
loader: MiniCssExtractPlugin.loader,
// loader:
浏览 5提问于2022-05-05得票数 0
当我导入owl.carousel时
我面对下面的错误，它到底是什么，我能为它做些什么？
./node_modules/owl.carousel/dist/assets/owl.carousel.css模块构建失败(来自./node_modules/mini-css-extract-plugin/dist/loader.js)：ModuleParseError:模块解析失败:意外字符“�”(1:0) )您可能需要一个适当的加载程序来处理该文件类型，目前还没有配置加载程序来处理该文件。请参阅
webpack.config.js
const path = require('path'
浏览 0提问于2020-06-24得票数 1
我有一个具有不稳定、稳定和夜间版本的chrome扩展，我需要能够动态地设置扩展资源的公共路径。我一直试图以多种方式添加它，通过一个js条目直接进入webpack.config.js，从我的ts条目中导入，直接放入ts文件。
我只想让__webpack_public_path__在全球范围内被改变为我不能指望的东西，在不同的构建之间总是一样。
我试过这样做：
__webpack_public_path__ = chrome.extension.getURL("");
var __webpack_public_path__ = chrome.extension.getURL(
浏览 2提问于2016-10-19得票数 0
回答已采纳
我有一个现有的应用程序，我正在使用"“，因为它是开发人员推荐给我的(当时他不打算再更新webpack-dev-server )。
不管怎样，现在它被弃用了，没有被使用，我回到了webpack- dev -server，但我在想，如果我只是通过努力，尝试使用类似“创建React应用程序”的东西，因为我真的不知道我是否可以使用这些我为webpack-serve制作的旧wepack.js文件，而且它们似乎也不是100%有效，因为每次我试图构建一个生产版本时，它都会给我一个开发版本。
webpack.common.js
const path = require("path");
浏览 0提问于2019-05-24得票数 6
我有以下包文件：
// app/javascript/packs/styles.js
import 'bootstrap/dist/css/bootstrap'
除非我在config/webpack.yml中设置了extract_css: true，否则我不知道如何加载这些样式。
如果我设置了extract_css: true并在布局中包含了<%= stylesheet_pack_tag 'styles' %>，一切似乎都可以正常工作。
但是extract_css: false的意义是什么呢?为什么你不想要它呢？因为它是默认的webpacker配置
浏览 139提问于2019-11-23得票数 1
回答已采纳
1回答
我正在尝试在我的asp.net mvc核心项目中使用webpack。我可以捆绑js文件。但是我不能从scss文件中提取我的css。
var path = require('path');
var extractTextPlugin = require("extract-text-webpack-plugin");
var cleanWebpackPlugin = require('clean-webpack-plugin');
module.exports = {
entry: {
'role/role'
浏览 17提问于2017-08-13得票数 0
回答已采纳
我的项目根目录中有以下index.html，它只使用捆绑的js和css文件。
<html>
<head>
<meta charset="UTF-8">
<title>Purchasing Plus</title>
<link rel="stylesheet" href="./build/style.css" />
</head>
<body>
<div id="mountPoint"&g
浏览 3提问于2016-11-03得票数 0
回答已采纳
在webpack里，我可以把包命名为散列，如下所示：
output: {
path: resolvePath('dist'),
filename: '[name].[contenthash].js'
},
这将生成以下文件：
34.9e884d9e0051cf81aff5.js
bundle.936eb50aa67577f751e6.js
vendors.df56297c28c1d1017f2a.js
但是css文件没有被散列--它们仍然存在：
bundle.css
当我在服务器中使用缓存时，问题就出现了，而且由于css文件没有被重命名，所以
浏览 0提问于2019-08-01得票数 0
回答已采纳
我正在尝试从Gulp迁移到Webpack的一个小项目的客户端构建(主要是服务器端的一些较少的JS文件)。
我有以下几条道路：
“样式/重新安置”
“样式/混合体.”
“样式/样式较少”
“脚本/scripts.js”
我只需要：
1-将较少的文件编译成一个"app.css“文件，并将其缩小为"app.min.css”。
2-将"scripts.js“文件缩小为"app.min.js”。
我有以下package.json文件：
{
"devDependencies": {
"webpack": &
浏览 0提问于2018-10-18得票数 1
回答已采纳
我正在创建一系列组件，以便在我工作的公司中重用。我们使用类型记录，到目前为止，我可以正确地创建组件，从transpile到javascript，并发布到npm。我只使用命令行tsc，我不使用webpack。我的问题依赖于使用css文件的特定组件。当我运行安装npm包的实际应用程序时，它会抛出一个错误：
./~/my-common-components/dist/DataTable.js Module not found: Can't resolve './DataTable.css' in '.\AdminPortal\admin-portal\node_mod
浏览 10提问于2017-09-06得票数 11
回答已采纳
将BlueprintJS Css文件包含到React-starter-kit中的正确方法是什么？我可以在导入css文件的/src/components/Layout.js中做到这一点
import blueprintCss from '@blueprintjs/core/dist/blueprint.css';
和在导出时
export default withStyles(normalizeCss, blueprintCss, s)(Layout);
这是正确的方式吗，还是有另一种方式，就像webpack那样？
谢谢!
浏览 41提问于2017-11-11得票数 0
嗨，我有一个webpack配置，采取多个scss文件，基于一个glob条目和一个主要的类型记录文件。问题是，它将scss文件捆绑在一个css文件中，而我希望它们基于条目是单独的。Webpack肯定看到了来自全球的所有文件。
所生成的文件包含了所有三个文件。我花了好几个小时搜索并试图配置这个文件，它让我抓狂:愤怒：
我所能找到的一切都显示了如何在手动指定输出的同时配置多个输出。或者是用一个不受支持的插件的webpack的旧版本。
下面是我当前的配置：
import * as webpack from "webpack";
import * as path from "
浏览 1提问于2018-08-04得票数 1
回答已采纳
以下是我的(简化的)角2应用程序文件夹结构：
这是我的webpack.config.js：
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: {
'polyfills': './polyfills.ts',
'vendor': './vendor.ts',
浏览 3提问于2016-08-01得票数 0
1回答
webpack提取Scss
、、、、
我正在尝试使用ExtractTextPlugin提取并将我的scss转换为css，并将其与client.min.js一起移到src文件夹中，但目前在构建webpack.config.js文件时遇到了以下问题：
在C:\Users\ajoku\Desktop\Web \learn2node\http\scss@./scss/traces.js 3:0-20中发现错误:错误:无法解析模块'main.scss‘
我的webpack.config.js文件：
"use strict";
var debug = process.env.NODE_ENV !== "
浏览 3提问于2016-05-08得票数 1
回答已采纳
1回答
在首页，我有一个“松散”的CSS文件(@导入其他CSS文件)，我想作为全局CSS样式为网站加载。站点本身正在进行改造，但它还没有完全准备好完成整个模块加载系统，所以目前，客户端将首先访问一个相当于index.html的组件(在它下面将是模块加载组件，我将使用webpack来转换这些组件)
我希望能够使用webpack来获取全局CSS并对其进行优化(通过PostCSS和其他插件)。但看起来webpack只喜欢基于javascript的入口点。
我的策略是告诉webpack使用全局CSS作为入口点，并生成一个优化的捆绑CSS，其中包含该全局CSS中的所有@imported CSS。
我是否必须在该
浏览 1提问于2017-04-18得票数 1
1回答
我有webpack在我的普通HTML，CSS，和Javascript应用程序。我用webpack把scss转换成CSS。我希望我的javascript在我的dist文件夹中保持不变，因为我想在以后编辑wordpress项目。Webpack正在添加大量代码，这使得JS文件以后很难编辑。这是我的config.js
const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const MiniCssExtractPlugin = require(
浏览 11提问于2022-02-05得票数 0
我已经为我的react应用程序在我的资产文件夹中放置了一个csv文件，但是该文件并没有被拾取并通过webpack添加到我的dist构建中(这些图像仍然作为资产添加到构建中，但是csv文件不是)。你可以看到我的webpack建筑在下面。那么，如何通过webpack将csv文件添加到我的dist构建中(目标是让我的应用程序的用户能够下载这个文件)？谢谢!
webpack.dev.js
const merge = require('webpack-merge');
const common = require('./webpack.common.js');
cons
浏览 0提问于2018-09-06得票数 8
回答已采纳
我正在使用Webpack在一个站点中捆绑一些js/css文件。我正在捆绑bootstrap.css和作为我的捆绑包的一部分。为了创建包，我有一个main.js，我使用它作为一个入口点来导入我需要的所有其他文件。我正在使用文件加载器来处理字体和图像文件，并将它们移动到适当的目录。我使用带有和的从我的js包中创建一个单独的css包。
我的main.js是：
import 'bootstrap/dist/css/bootstrap.css';
import 'chosen-js/chosen.css';
import './datetimehelper.js&
浏览 3提问于2017-12-06得票数 0
下面的图片描绘了我的角2项目目录结构。
子文件夹“作者”、“书籍”和“类别”都有与功能模块相关的文件。
我使用webpack 2模块捆绑，树抖动和AoT编译。
下面是webpack.config.js文件的内容
'use strict';
const webpack = require('webpack');
const AotPlugin = require('@ngtools/webpack').AotPlugin;
module.exports = {
devtool: 'source-map',
浏览 1提问于2017-02-20得票数 2
回答已采纳
我仍然在学习Vue，所以我很难找到如何将内联css转换为css文件。
如果有人能帮我把css(scss)解压缩成一个css文件，我将不胜感激！
或者，这会辜负vue限定范围的风格的目的吗？
这是我的webpack.config代码：
var path = require('path')
var webpack = require('webpack')
module.exports = {
entry: './src/main.js',
output: {
path: path.resolve(__dirname, './
浏览 1提问于2017-07-06得票数 1
回答已采纳
2回答
我在我的PHP和React项目中使用了webpack。我想用webpack文件加载器从我的.scss文件中加载一个背景图像，但是由于某种原因我不知道，img-folder无法复制/导出到我的dist-folder中。下面是webpack.config.js：
var webpack = require("webpack");
var path = require("path");
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var WatchLiveReloadP
浏览 0提问于2017-09-20得票数 0
3回答
我要把头发扯下来..。
感觉我什么都试过了。
这是我的webpack配置：
var publicConfig = {
context: path.join(__dirname, 'src'),
entry: [
'webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000',
'./public.jsx',
],
output: {
path: path.join(__dirname, 'app'),
浏览 2提问于2016-10-12得票数 2
使用css loader在dist文件夹中创建.css文件，然后如何将该文件复制到新的文件名并应用转换？
webpack.config.plugins：
new ExtractTextPlugin('../dist/[name].css'),
new CopyWebpackPlugin([ // doesn't work, but this is what I want to accomplish
{
from: path.resolve('./dist/[name].css'),
to: path.resolve('./di
浏览 6提问于2017-12-23得票数 2
2回答
无法加载正确的捆绑映像。
、、、
我有一个非常简单的反应组件，它应该显示一个图像。我也在用Webpack来捆绑。
值得注意的是，我正在使用ReactJS.NET。
虽然webpack包构建正常，webpack生成的.jpg是可查看的(例如，使用)，但是图像没有显示在my中。
当我查看检查器时，html结构的构建是正确的，但我得到的是：
“无法加载图像”-当我悬停在图像路径上时。
我确保图像路径是正确的。
以下是我的反应部分：
var React = require('react');
var BackgroundImg = require('./Images/img_fjords.jp
浏览 4提问于2017-06-06得票数 1
回答已采纳
1回答
我有一个asp.net核心2.0应用程序，我也在使用react.js。我有一些jsx文件。我想缩小那些jsx文件，然后使用。对于js & css小型化，我在bundleconfig.json中定义了规则，但是jsx的连接规则会引发错误。
有人能帮助我如何在asp.net核心应用程序中缩小jsx。
下面的更新是我的项目结构
下面是webpack.config文件
const path = require("path");
const webpack = require("webpack");
const MiniCssExtractPlu
浏览 0提问于2019-09-09得票数 0
1回答
我在netlify中在Webpack中部署了我的反应性应用程序构建。我看到CSS、字体和其他所有东西都很好地加载，但在资产/图像文件夹下的图片却没有。
这里是我在活动站点源路径中的文件夹结构：
我的webpack.config.js：
const path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
e
浏览 1提问于2020-08-06得票数 4
1回答
我们先说我对Webpack不是很熟悉，所以这可能是一个微不足道的问题。 我正在尝试通过monaco-editor-webpack-plugin在Laravel项目中使用摩纳哥。由于这个插件需要对webpack.config.js进行修改，而Laravel使用的是webpack.mix.js，所以我想出了下面的配置： /* eslint-disable import/no-extraneous-dependencies */
const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
const
浏览 20提问于2020-10-21得票数 4
回答已采纳
在尝试在应用程序中实现页面优化的同时，我们希望能够根据webpack块生成单独的CSS文件，以提高应用程序第一页的页面呈现性能。为了实现这一点，我们一直在尝试将extract与require.ensure结合使用，如下所示：
const $ = require('load-webpack-plugins')();
module.exports = {
entry: { 'app': './src/app.js' },
output: {
path: 'dist',
filename: '[name]
浏览 1提问于2017-03-08得票数 6
回答已采纳
我正在尝试提取我的库中的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
我想我知道Webpack是怎么工作的。我的问题是:大多数教程/示例都是基于单个index.html的。那么，如何为多个页面组织我的webpack.config.js和目录结构呢？
让我们假设我需要以下几点：
index.html具有css和js文件
dashboard.html具有css和js文件
profile.html具有css和js文件
我不明白的是：
如何构造src和dist文件夹？
我该如何配置Webpack？可能与HtmlWebpackPlugin(?)
单个index.js文件是否足以作为入口点/如何构造index.js文件/ ES6项目一般情况如
浏览 3提问于2017-08-10得票数 3
作为Webpack的新手，我正在关注讨论：：
用{ test: /(\.css|\.scss)$/, loaders: ['style-loader', 'css-loader?sourceMap', 'postcss-loader', 'sass-loader?sourceMap'], },配置Webpack配置
在我的代码中需要css文件：require('./style1.css'); require('./style2.css');
但是上面的两个css文件不会捆绑在一起。如
浏览 4提问于2017-04-23得票数 0
我正在为共享的react组件开发一个基于TypeScript的内部库。构建过程只是简单的tsc，然后发布到内部npm注册中心。不需要复杂的Babel编译过程，因为构建工件只在团队中使用，当消费应用程序运行他们的Webpack捆绑过程时，会在这个库上运行适当的转换。
当我试图将一个单独的styles.css文件拆分成适当的时，开始出现问题。要使用CSS模块，在我的React组件文件中将有如下代码语法。例如在FooComponent.tsx中，
import 'FooComponent.css';
TypeScript编译器不能完全理解它，因此它只会在编译后的FooComponen
浏览 17提问于2021-05-22得票数 0
我试图在一个特定的文件夹中获取所有sass文件，并将它们复制/转换为另一个文件夹中的css文件，从而保留文件夹结构。比如：
钢筋混凝土
folder1
test1.scss
- folder2
- test2.scss
- folder3
- test3.scss
转到
dest
folder1
test1.css
- folder2
- test2.css
- folder3
- test3.css
我试图使用复制webpack插件来复制所有的src
浏览 9提问于2020-07-15得票数 0
回答已采纳
1回答
我正在构建类似于静态网站生成器的东西，它使用webpack来构建这个项目，并与它一起创建一个包。
在此项目中，用户可以指定自定义css文件。我希望这些css文件与最终结果捆绑在一起。问题是，我在开发过程中没有找到那些css文件的路径，所以我无法在将要打包的javascript代码中执行import 'some-asset-file-provided-by-the-user.css'。但是当我打电话给webpack.compile(config)时，它们是可用的。
我正在寻找一种将这些css文件注入包的方法。到目前为止，我尝试了各种方法，例如：
const stylesheet
浏览 3提问于2017-04-22得票数 1
回答已采纳
我正试图在我的应用程序上使用。为了使日期时间显示出来，我需要导入GH页面中提到的。
在我的应用程序中，我将CSS复制/粘贴到一个名为DateTime.css的文件中。
...
import DateTime from 'react-datetime';
import '../../schedules/stylesheets/DateTime.css';
...
export default class AddDate extends React.Component {
但它给了我一个错误：
VM45976:1 Uncaught Error: Module pa
浏览 2提问于2017-06-09得票数 0
回答已采纳
背景
我用的是react，babel，webpack4和es6(或者es7)
我有一些模块可以被多个react项目重用。出于这个原因，我创建了一个“标准”文件夹，其中包含这些模块，以便将它们与任何特定的项目分开。
问题
在我的react项目中，我编辑了我的webpack.config.js以包含
resolve: {
extensions: ['.css', '.js', '.jsx'],
alias: {
Standard: '/Path/To/Standard',
}
}
然后从其中
浏览 0提问于2019-07-29得票数 1
为什么我不能用HTML img标记在webpack中嵌入图像？
下面是webpack.config.js的内容。
// webpack.config.js
const {
CleanWebpackPlugin,
} = require('clean-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require('path');
const webpack = require('webpack'
浏览 4提问于2021-09-13得票数 0
回答已采纳
我为我的RoR应用程序购买了 Bootstrap主题，我需要前端的最佳实践建议。
我在js中使用了Webpack，在css中使用了Asset管道
在主题中，有一个/dist文件夹或一个/src
做这件事最好的方法是什么？
1)复制/传递/vendor文件夹中的/dist内容。这就是我所做的，并且工作得很好，但是现在，如何定制呢？在哪里覆盖css和js？
2)使用不带缩小文件的/src内容，将js文件放在webpack和css中，放入资源管道。然后只需要自定义主题文件。
谢谢你的帮助
浏览 4提问于2019-01-17得票数 1
我是webpack的新手，正在努力学习它。我一直试图使用webpack将我的供应商js文件和自定义jquery脚本从src复制到dist。我试过了，但找不到任何方法。
所以我的文件夹结构是这样的：
Project_root_folder
- node\_modules/
- package.json
- src/
- app/
- app.js
- img/
- img1.png
- css/
- main.scss
- js/
- custom\_slick.js
- main.js
- plugins/
浏览 2提问于2017-09-17得票数 3
回答已采纳
1回答
我有一个包含zip文件的s3存储桶。我有一个脚本下载压缩文件到我的本地服务器，解压缩，并上传到另一个s3存储桶。我如何设置水印，这样我才能知道我下载的最后一个文件是什么，这样我就不需要在本地保存所有文件或每次运行脚本时下载所有文件？我使用的是aws sync命令，据我所知，该命令应该只复制新文件，对吗？
aws s3 sync $gcs3$gcRegion/$gcTech/$gcPrinterFamily/$gcPrinterType/$gcPrinterName/ $dir
浏览 0提问于2019-04-11得票数 0
我使用Webpack (在Windows环境中)，我试图使用less-loader和extract-text-webpack-plugin生成一个css文件。我的less、webpack-core和webpack也在node_modules文件夹中。
在我的应用程序中，我使用：
require('./index.less');
我的Webpack配置：
const path = require('path');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
m
浏览 0提问于2016-04-11得票数 11
回答已采纳
我用Webpack来添加对ES6、react和其他一些东西的支持。
现在我遇到了错误：
拒绝从http://localhost:5500/bundle.css应用样式，因为它的MIME类型('text/html')不是受支持的样式表MIME类型，并且启用了严格的MIME检查。
因此，我在中选中了“源代码”选项卡，而bundle.css甚至都不存在。我做错什么了？
这是我的webpack配置：
const path = require("path");
const webpack = require("webpack");
const Ht
浏览 1提问于2018-09-24得票数 2
我有一个用世博和在码头容器中使用Nginx构建的站点。
我只是尝试添加压缩-webpack插件，我现在的webpack.config.js如下所示：
const createExpoWebpackConfigAsync = require("@expo/webpack-config");
const CompressionPlugin = require("compression-webpack-plugin");
module.exports = async function (env, argv) {
const config = await crea
浏览 7提问于2022-03-30得票数 2
这是我第一次尝试用webpack的简单模板.总的来说，我对webpack没有什么经验，我希望有人能帮我找到正确的方向。我正在尝试部署一个Vue应用程序，使用webpack-简单的Netlify。
据我所知，我应该能够在Netlify上运行npm run build或yarn build，瞧.但是，在部署之后我会得到404。下面是影响Netlify上部署的文件：
这是我的webpack配置：
var path = require('path')
var webpack = require('webpack')
require("babel-polyfill
浏览 0提问于2018-10-11得票数 1
回答已采纳
我一直在和Webpack一起玩，试图了解它是如何工作的，但无论我做什么，考虑到文档和大量视频似乎所说的，它似乎从来没有做过我期望的事情。
作为实现最终目标的第一步，我只想将./src目录中的所有文件复制到./dist目录中，同时保持完整的文件夹结构。经过一些挖掘，我似乎需要在我的webpack.config.js的规则中这样做(我目前在源目录中只有html、css和js文件用于测试)：
test: /\.(html|js|css)$/,
use: [
{
loader: 'file-loader',
options: {
浏览 1提问于2017-11-26得票数 9
1回答
Webpack文件加载程序
、、、、
我是nodejs的新手，在尝试使用sass时遇到了一个问题。
以下信息只是虚构的，但它代表了实际情况。
场景：
我有以下文件夹结构：
frontend/
- scss/
- style.scss
- main.js
webpack.config.js
目标
我希望使用webpack将style.scss编译为style.css，并将其放在dist/frontend/css/目录中，因此它应该会产生以下路径：dist/frontend/css/style.css并创建以下文件夹结构：
dist/
- frontend/
- scss/
- style.scs
浏览 3提问于2019-03-07得票数 5
回答已采纳
1回答
默认情况下，Webpack会在指定的目录中查找特定的index.html文件，对吧？我想知道的是，我可以让webpack在我指定的文件中查找并注入我捆绑的文件吗？
我之所以这样问，是因为我正在尝试与webpack一起开发一个Ghost主题，并且在默认情况下，Ghost主题会查找一个default.hbs文件作为索引文件。
我尝试使用HtmlWebpackPlugin来设置输入的文件名，同时为web pack的输出设置相同的文件，但它不起作用。
这是我当前的webpack.dev.config.js
var path = require('path');
var webpack
浏览 0提问于2016-06-30得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
