在Webpack中读取解析路径下的文件
在Webpack中，可以使用各种加载器(loader)和插件(plugins)来读取和解析路径下的文件。
Webpack是一个现代化的前端打包工具，它可以将多个模块打包成一个或多个bundle文件，以便在浏览器中加载。在Webpack中，可以通过配置文件指定入口文件和输出文件的路径，以及其他一些配置选项。
要读取解析路径下的文件，可以使用Webpack的加载器(loader)来处理不同类型的文件。加载器可以将文件转换为模块，以便在应用程序中使用。常见的加载器有：
- babel-loader：用于将ES6+的JavaScript代码转换为ES5的代码，以便在旧版浏览器中运行。 推荐的腾讯云相关产品：云函数 SCF（Serverless Cloud Function） 产品介绍链接地址：https://cloud.tencent.com/product/scf
- css-loader：用于解析CSS文件，并处理其中的依赖关系，例如@import和url()。 推荐的腾讯云相关产品：云开发（Tencent CloudBase） 产品介绍链接地址：https://cloud.tencent.com/product/tcb
- file-loader：用于处理文件，例如图片、字体等。它会将文件复制到输出目录，并返回文件的URL。 推荐的腾讯云相关产品：对象存储 COS（Cloud Object Storage） 产品介绍链接地址：https://cloud.tencent.com/product/cos
- url-loader：类似于file-loader，但可以根据文件大小将文件转换为DataURL，以减少HTTP请求次数。 推荐的腾讯云相关产品：云开发（Tencent CloudBase） 产品介绍链接地址：https://cloud.tencent.com/product/tcb
- html-loader：用于解析HTML文件中的<img>标签，并处理其中的src属性。 推荐的腾讯云相关产品：云开发（Tencent CloudBase） 产品介绍链接地址：https://cloud.tencent.com/product/tcb
除了加载器，Webpack还支持使用插件(plugins)来扩展其功能。插件可以用于执行更复杂的任务，例如代码压缩、文件合并、资源优化等。常见的插件有：
- HtmlWebpackPlugin：用于生成HTML文件，并自动将打包后的脚本和样式文件引入HTML中。 推荐的腾讯云相关产品：云开发（Tencent CloudBase） 产品介绍链接地址：https://cloud.tencent.com/product/tcb
- MiniCssExtractPlugin：用于将CSS提取为单独的文件，而不是嵌入到HTML中的<style>标签中。 推荐的腾讯云相关产品：云开发（Tencent CloudBase） 产品介绍链接地址：https://cloud.tencent.com/product/tcb
- CleanWebpackPlugin：用于在每次构建前清理输出目录，以避免旧文件的残留。 推荐的腾讯云相关产品：云开发（Tencent CloudBase） 产品介绍链接地址：https://cloud.tencent.com/product/tcb
通过使用适当的加载器和插件，Webpack可以读取解析路径下的文件，并根据配置进行相应的处理和打包。这样可以提高开发效率，优化资源加载速度，并且方便管理和维护项目代码。
相关·内容
1.我通过创建反应应用程序(类型记录)建立了一个项目。
2.然后，我运行弹出。
我将网络风暴:Language&Framework> Javascript > webpack，设置为webpack配置。
const path = require('path');
module.exports = {
entry: '',
output: {},
module: {},
resolve: {
extensions: ['.ts', '.tsx', '.
浏览 15提问于2019-12-10得票数 0
webpack入口点()的文档说，条目值应该指向一个文件。
const config = {
entry: {
main: './path/to/my/entry/file.js'
}
};
但是，在我看到的许多示例中(通常围绕创建特定于供应商的输出)，我注意到模块列表被给出了。
var config = {
// ...
entry: {
vendors: ['@angular/core','react','jquery']
}
// ...
}
Webpack如何看待字符串“@ an
浏览 4提问于2017-09-22得票数 0
回答已采纳
2回答
我正在和Webpack一起做一个React设置，并且正在努力做看起来应该是一项简单的任务。我想让webpack包含一些图片，并且最小化它们，就像我吞咽一样，但我想不出来。我只想能够像这样在我的css中链接一个图像：
/* ./src/img/background.jpg */
body { background: url('./img/background.jpg'); }
我所有的css/js/img文件夹都在一个src文件夹中。Webpack输出到dist文件夹，但我不知道如何在那里获得图像。
这是我的webpack设置：
var path = require('
浏览 42提问于2016-02-13得票数 50
回答已采纳
1回答
模块Vue需要什么NPM依赖项？
、、、、
我对HTML + JS库中使用SSR开发的传统多页面应用程序有一定的了解，但我对现代web开发还很陌生。我目前正在学习Vue JS (最新版本)，我已经在网上观看了一些教程视频。我看过的视频教我用普通的HTML + <script>设置来编写Vue JS网页，而不是用Vue CLI程序创建的项目设置。
现在，我想知道package.json文件中的NPM依赖项需要哪些才能将项目设置从单个HTML + Vue CDN脚本src更改为由vue-cli设置的文件夹结构，就像其他CLI创建的现代项目文件夹结构一样，例如角和响应。
运行vue init <template name&g
浏览 0提问于2019-04-28得票数 1
假设node_modules中有一个名为foo的包，我想通过webpack和babel在库(如foo/module )中导入一个模块。
import Foo from 'foo';工程
import SomeOtherModule from 'foo/module';失败的原因如下：
未找到模块:错误:无法解决/Users/x/Desktop/someproject/js中的模块‘foo/模块’
这使得webpack看起来像是在错误的地方寻找文件，而不是node_modules。
我的webpack.config看起来是这样的：
var webpack
浏览 3提问于2016-01-16得票数 41
回答已采纳
我希望使用保存在父目录中的共享节点模块。我有以下文件夹结构：
父目录
node_modules
公司
serverless.yml
handler.js
webpack.config
我不得不用webpack创建软件包并上传到aws-lamda。但是webpack正在寻找节点模块。但我得到了以下错误：
Overriding the webpack directory in serverless-webpack since it uses v1 version of webpack...
cp: cannot stat 'node_mo
浏览 14提问于2017-04-17得票数 2
是否可以在项目文件夹之外创建/添加包组件？
文件夹结构
Project1
--src
----components
Project2
--src
----components
为了将组件从一个项目添加到另一个项目(假设webpack.config.js是相同的)，应该在node_modules中做些什么。使用Webpack3。
浏览 0提问于2018-10-31得票数 3
回答已采纳
我想让webpack在几个路径上搜索文件。例如，如果我这样做了
import img from './img/smth.png'
在/src/components/name/index.js文件中，webpack不仅尝试在/src/components/name/img/中搜索此文件，还尝试在/src/common/img /中搜索此文件
有可能吗？
浏览 0提问于2019-02-14得票数 1
目前我可以这样做：
require('./frontend/src/components/SomeComponent');
但是如果我在webpack.config.js中设置了以下内容
resolve: {
root: path.resolve('frontend', 'src')
}
我可以这样做：
require('components/SomeComponent');
问题是，当我不使用Webpack时(例如。在测试环境中)我所有的导入都会中断。根据巴别塔文档，sourceRoot属性设置“所有源的相对根”。这让我
浏览 0提问于2016-12-22得票数 1
我正在开发一个NPM包(一个内部设计库)，它将CSS、SASS混合和静态资产分发到其他项目。
我面临的一个问题是，当我尝试包含引用静态资产的NPM包中的SASS混入时，我的主机应用程序的Webpack构建失败。之所以会发生这种情况，是因为Webpack试图解析与输出的Webpack文件相关的所有(请阅读更多urls )。这在构建NPM包时效果很好，但在构建主机应用程序时就不是这样了。
我已经设置了一个存储库，这个问题可以很容易地重现--
我为这个问题找到的解决方案是：
在分布式CSS和SASS文件中内联您的资源
这是Twitter Bootstrap 5用于分发SVG的方法。
URL重写
这
浏览 0提问于2021-04-04得票数 0
我发现我需要在../文件中大量输入require()。我的目录结构包括以下内容：
js/
components/
...
actions/
...
在components文件夹中，我需要执行import foo from '../actions/fooAction'。是否有可能使根目录成为项目的根目录？我想改做import foo from '/actions/fooAction'。我试着设置Webpack的resolve.root选项，但它似乎什么也没做。
浏览 15提问于2016-02-08得票数 29
回答已采纳
我用我自己的配置webpack配置，而不是复制东西和粘贴，我只需要理解Webpack配置文件中的每一行。
webpack配置文件中第一行require('path')的用法是什么？
const path = require('path');
module.exports = {
entry: './src/app.js',
output: {
path: path.resolve(__dirname, 'bin'),
filename: 'app.bundle.j
浏览 1提问于2017-11-23得票数 10
回答已采纳
1回答
我正在尝试为我的React应用程序设置SSR。我在我的应用程序中使用来自NPM包(私有)的组件。该应用程序使用阿波罗客户端，并发出GraphQL请求。所讨论的模块是一个简单的apollo-link-state模块，如果用户没有登录，则返回它执行的突变。该应用程序使用loadable动态加载。问题是，除了用户模块之外，我所有的链接状态模块都能正常工作。我查看了webpack的构建文件，这就是我得到的：
/*! no exports provided */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
浏览 0提问于2019-06-04得票数 6
我的文件夹结构是(而且我安装了所有正确的npm包)
app
|
folder1
reactComponent.js
|
testFolder
reactComponent.spec.js
我开始我的Krama karma.conf.js文件作为npm测试
var webpack = require('webpack');
module.exports = function (config) {
config.set({
singleRun: true,
frameworks: ['jasm
浏览 3提问于2017-04-24得票数 1
1回答
由于某些原因，我的saas样式的链接标记没有在index.html的输出文件中生成。尽管脚本标记正在生成。 我的index.js import '../sass/main.scss' 我的Webpack.config.js： const path = require('path');
var HTMLWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: './src/js/index.js',
output: {
fi
浏览 40提问于2021-01-05得票数 0
回答已采纳
2回答
我有一个使用webpack 1.13.0的项目设置，当使用webpack --watch时，它似乎只会观察入口点文件中的更改。
我有一个项目结构，其中js文件在$root\src文件夹中，入口点文件是main.js，其中包含以下内容：
import * as strings from 'strings'
document.write(strings.sayHello('foobar'));
字符串与这个字符串在同一个文件夹中
export const helloWorld = 'Hello, world!';
export function s
浏览 3提问于2016-05-06得票数 4
现在，我有一个ProvidePlugin替代品，定义如下：
new webpack.ProvidePlugin({ Image: [ 'components/Image', 'default' ] })
但这也取代了位于node_modules上的库的Image定义
有没有办法指定标识符所在的文件夹，以避免对node_modules文件夹进行不必要的替换？
例如：
new webpack.ProvidePlugin({ "Image in /src/components": [ 'components/Image', '
浏览 0提问于2019-11-19得票数 0
我在css中有图像路径，如url( images /image1.jpg)，加载器定义为
{ test: /\.(png|woff|woff2|eot|ttf|svg|jpg)$/, loader: 'url-loader?limit=1&name=images/[name].[ext]' },
我面临的问题是，在构建过程之后，图像被复制到相应的文件夹，但相对于css文件位置，路径指向images/image1.jpg。我希望它相对于根目录。
我尝试在name查询参数中添加前导/，但部分解决了这个问题
{ test: /\.(png|woff|woff2|eot|ttf
浏览 2提问于2016-03-08得票数 0
在我的app.js文件中，使用延迟加载技术导入另一个模块(与文档中相同)的函数中有以下事件：
button.onclick = e => import(/* webpackChunkName: "print" */ './print').then(module => {
var print = module.default;
print();
});
在我的webpack配置中，我设置了这个(除了Babel，SASS加载器等等)：
const path = require('path');
var ExtractTe
浏览 0提问于2018-05-15得票数 1
回答已采纳
我是webpack和Vue.js的新手。当我试图在嵌套组件中加载图像/视频时，我会遇到一些问题，这会给我“找不到”错误。我有这样的项目结构：
假设在Signup.Vue中，我想从资产文件夹加载一个图像，我如何做到这一点？因为".../assets/my-img.jpg“没有成功，"assets/my-img.jpg”也一样。在css中，我发现使用require与"~“一起工作(例如。'~assets/my-img.jpg“)。我不知道路径是如何工作的。
将我的图像放在同一个组件的文件夹中是一种选择，但是我想使用主资产文件夹来获取媒体。
使用: webp
浏览 0提问于2017-08-15得票数 0
回答已采纳
我想知道webpack是如何选择包含在包中的代码的。
它是包含完整的.js文件还是只包含必要的代码？
当使用外部库时(如jQuery)。它是包含完整的包还是只包含必要的功能？
webpack是如何解决最终包中哪些代码的？
浏览 2提问于2016-09-12得票数 0
3回答
根据，CSS文件应该只是import编辑。
我刚刚开始使用webpack并试图导入一个CSS文件，但是我收到了一条关于缺少一个模块的消息：
D:\Dropbox\dev\jekyll\blog>webpack --display-error-details
Hash: 0cabc1049cbcbdb8d134
Version: webpack 2.6.1
Time: 74ms
Asset Size Chunks Chunk Names
build.js 2.84 kB 0 [emitted] main
[0] ./webpa
浏览 8提问于2017-06-10得票数 31
回答已采纳
我试图从头开始设置ReactJ，但npm、dev、build和watch在下面抛出了错误：
ERROR in ./src/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: C:\da4na4\web\stocker\src\index.js: Unexpected character '�' (1:0)
我已经设置了package.json、webpack.config.js和.babelrc配置。我同样尝试过以前在堆栈溢出上的答案，但是这个问题仍
浏览 0提问于2021-02-12得票数 2
对于其他包所使用的包，我有下面的tsconfig.json，让我们将其称为packageA
{
"compilerOptions": {
"baseUrl": ".",
"checkJs": false,
"declaration": true,
"downlevelIteration": true,
"esModuleInterop": true,
"outDir": "./dist",
&
浏览 4提问于2020-07-22得票数 0
1回答
Webpack和sass
、、、
我和webpack一起在scss文件中加载有问题。
我知道这个错误：
Module build failed:
@import 'bulma';
^
Invalid CSS after "...load the styles": expected 1 selector or at-rule, was "content = requi..."
这是我的webpack配置文件：
module.exports = {
entry: "./app/App.js",
output: {
filename: &#
浏览 1提问于2016-04-11得票数 0
回答已采纳
我使用的是HTMLWebpackPlugin，在我的模板中有一个img标签：
<img src="./images/logo/png">
如果你注意到了，这里我使用了一个相对路径，认为webpack会触发在我的webpack.config.js文件中配置的文件加载器，但编译后，我在我的html中获得了完全相同的src属性：
<img src="./images/logo/png">
我怎么才能触发webpack用我在我的webpack配置中配置的东西来动态替换这些相对路径呢？
浏览 4提问于2017-11-06得票数 37
我正在努力将可加载的组件集成到我的SSR项目中，当我在localhost:3000中执行时，这是工作的，然后我尝试将它部署到云功能中--我得到了这个错误
ERR_INVALID_ARG_TYPE："path“参数必须是字符串类型。接收未定义
之后，我尝试部署，示例代码也给出了同样的错误。
我在package.json、服务器main.js和app.js文件中做了一些更改，以便在云函数中工作
这是我的服务器main.js文件
import path from 'path'
import express from 'express'
import R
浏览 7提问于2021-05-21得票数 9
回答已采纳
2回答
是他们的一个webpack插件，可以将输出字符串路径更改为更短的路径，而不会发生冲突，即./node_modules/module_a -> ./n/a。
在已经缩小的输出文件中，我有很多类似于这个n("./node_modules/core-js/modules/_to-length.js")的引用，即使所有出现的node_modules都可以用n替换，我也可以节省大约15kb的最终大小。
浏览 1提问于2016-05-06得票数 0
我现在有一个Webpack规则，看起来是这样的：
{ test: /\.tsx?$/, loaders: ['@ngtools/webpack', 'babel-loader', 'angular2-template' ] }
我只想让babel-loader排除某些文件，基本上就像向下传递它们一样。其余的加载程序不应排除这些文件。因此，我不能为整个规则将文件添加到exclude中。
我可以在每个加载程序基础上排除文件吗？如果需要的话，我愿意写一些插件代码，尽管很明显，开箱即用是理想的。
这与Angular2 Webpack问题有关：(我正在努力
浏览 3提问于2016-10-16得票数 1
回答已采纳
2回答
我想开始webpack。我输入这个命令
npm run dev
在命令shell中，我的项目所在和node_modules在哪里。我在终端中发现了这个错误：
> clear; npm run --silent sound:trash; ./bin/webpack --env development --watch; npm run --silent sound:microwave
[3;J
sh: 1: ./bin/webpack: not found
我查看了node_node/bin/，有一个名为webpack的文件。有人能帮我吗？我在堆叠方面是新的，在使用webpack方
浏览 1提问于2017-11-09得票数 1
回答已采纳
当我需要node_modules文件夹中的库时，我会这样做：
import angular from 'angular';
import $ from 'jquery;
webpack怎么知道它到底要导入什么文件呢？猜想有某种策略，它将检查什么文件？
浏览 0提问于2016-06-17得票数 26
回答已采纳
3回答
我正在读这篇webpack教程：
它说它捆绑了src文件和node_modules。如果我想在那里添加另一个.js文件，我该怎么做？这是第三个thirdpartyjs文件，它不是源文件的一部分，也不是node_modules文件的一部分。这是我当前的webpack.config.js：
var path = require('path');
var webpack = require('webpack');
module.exports = {
entry: [
'react-hot-loader/patch',
浏览 2提问于2017-05-24得票数 16
回答已采纳
我的webpack配置指定了许多要构建到vendors.js中的节点模块。所有模块都与npm一起安装，并驻留在父文件夹node_modules中。
文件夹结构：
app/scripts/a.js
node_modules/bootstrap-multiselect
webpack.config.js
来自webpack.config.js的片段：
entry: {
vendors: ['jquery', 'bootstrap', 'bootstrap-multiselect']
}
对于'jquery‘和'bootstrap’
浏览 10提问于2015-12-06得票数 2
回答已采纳
我知道为什么要使用path.resolve()来解析webpack.config文件中的输出路径。为什么我们不用它来做“入口”呢？
浏览 0提问于2018-05-28得票数 4
1回答
我想用我从互联网上获得的slide image幻灯片图像在我的应用程序中制作一个jQuery。此源必须包括外部、JS、和CSS。
我只想只对某些组件使用这个外部库，所以我只想在一个特定的组件(Home Component)中导入它。
我的应用程序使用webpack作为模块绑定器。如何导入外部js文件？我在Vue组件中的<script>中尝试过这样做，如
var slide = require('assets/template/js/jssor.slider-26.1.5.min.js');
但我错了：
Error: Cannot find module "a
浏览 3提问于2017-09-04得票数 3
回答已采纳
我遵循作者给出的步骤。以下是
package.json
{
"name": "shine",
"version": "0.0.1",
"license": "MIT",
"dependencies": {
"stats-webpack-plugin": "^0.4.3",
"webpack": "^1.14.0",
"webpack-dev-server":
浏览 5提问于2017-12-16得票数 0
1回答
模解无扩展
、、
考虑到index.jsx中的这一行：
import ExampleTable from 'table';
我得到了：
未找到模块:错误:无法解析全局路径中的模块“表”/public/script@./application/public/script/index.jsx 19:13-29
但是table.jsx位于该文件夹中，我试图在webpack.config.js中定义文件扩展名：
{
entry:SOURCE_DIRECTORY + '/index.jsx',
output:
{
path:SCRIPT_DIRECTORY,
fi
浏览 2提问于2016-05-02得票数 1
回答已采纳
我有一个难题，很多次选拔赛后我都解决不了：
我无法在生产中加载静态映像；
开发时一切都很好(npm运行服务)，甚至在从dist (npm :dist)服务文件时也是如此。
版本
Webpack: 3.12.0
文件加载程序: 1.1.11
url-加载程序: 1.1.2
AngularJS: 1.6.9
在发展过程中：
我的index.html包含这一行，webpack没有
<base href="/"></base>
而我的AngularJS配置块包含
$locationProvider.hashPrefix('');
我使用像
浏览 9提问于2019-01-11得票数 7
回答已采纳
我在app/components/中定义了一些反应组件。我在webpack里设置了这样的化名：
//webpack.conf.js
module.exports = {
entry: './app/app.jsx',
output: {
path: __dirname,
filename: './public/bundle.js'
},
resolve: {
root: __dirname,
alias: {
Main: 'app/co
浏览 2提问于2016-07-15得票数 1
回答已采纳
我使用Webpack进行一个角4/类型记录项目，在我的一个模块中，我希望访问一个config.json文件，其中一些值必须在服务器上配置(即可以在运行时更改的配置值，而不是在编译时被固定的配置值)。
在我的源代码中，我使用
let config = require('./../relative/path/config.json');
它工作得很好，但是webpack将其打包起来，在结果的dist中，配置文件的值与app.XXX.js文件中的其他值一起结束。
我试图在webpack.common.js (其他webpack配置文件引用的)中标记该文件，方法是将它添加到extern
浏览 1提问于2017-06-07得票数 4
我正在开发一种可推广的产品，我的文件夹结构如下：
-> default js folder
-> brands folder
----> a brand
--------> js
------------> brand specific js file
我想用默认文件覆盖一个特定于品牌的Javascript文件(这两个文件都有相同的名称--例如，我对每个文件夹都有一个profile.js文件)，而Webpack正在进行捆绑。我找到了一种正常的模块替换方法，但我没有意识到这一点。
我该怎么做呢？有人能分享Webpack配置的例子吗？
浏览 4提问于2017-06-05得票数 1
回答已采纳
我正在尝试创建一个简单的webpack 2设置，用于BlueprintJS和TypeScript的实验。我想我已经接近了，但是CSS没有正确地加载。
以下是该项目的目录结构
钢筋混凝土/
index.tsx
App.tsx
App.css
index.html
package.json
tsconfig.json
webpack.config.js
App.tsx当前包含一个应该显示刷新图标的Button组件。当我运行npm run build时，webpack表示已经加载了样式。但是，当我运行npm run start并查看应用程序
浏览 3提问于2017-04-21得票数 2
在entry.js文件中，我有：
import 'index.js';
该index.js有许多来自另一个目录的导入，如：
import test from 'modulename'。
但我已经将所有模块移到了另一个目录中，并且只想将index.js保存在主目录中。所以这就是为什么我必须用新的目录位置重写所有的导入，如下所示：
import test from ../anotherdir/modulename
如何摆脱这一点，迫使webpack在新的目录中搜索模块？
现在我正在使用webpack联盟，如果路径太长，这个帮助我，但它仍然需要更改所有的导入。
浏览 0提问于2019-05-12得票数 0
最近开始学习如何配置与Webpack模块的反应。下面的代码是一个简单的代码，我已经配置到现在。我从的正式文档中提取了这段代码。
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
filename: 'main.js',
path: path.resolve(__dirname, 'dist'),
},
};
我了解到，进入点是webpack开始捆绑过程的点，输出告诉在哪里发射webpa
浏览 0提问于2021-08-28得票数 1
回答已采纳
我设置了一个多包项目，其中有一个依赖于TypeScript库的JavaScript包。最初，我安装了Sinopia，并在每次对其进行更改时重新安装库。然后我看到了npm link，并认为它会更容易开发。不幸的是，当我链接库(使用npm link ../typescript-package)并构建时，它给出了一个错误：
ERROR in ../typescript-package/dist/index.js
Module build failed: Error: No ESLint configuration found.
由于它们是单独的包，我不太确定为什么Webpack要将eslint应用到
浏览 0提问于2018-01-24得票数 15
我有一个通过加载home.css的HomeComponent
styleUrls: ['home.css']
the home.css
.home {
background: url('../../img/home.png') no-repeat;
}
(具有有效路径)
Webpack不会使用npm run build捆绑资源目录中的镜像，也不会使用npm start以开发模式加载它。
webpack.common.js (来自此)：
var webpack = require('webpack');
var HtmlWebpackPlu
浏览 0提问于2016-10-23得票数 1
在webpack的页面中，在关于webpack-dev-server的一节中提到-
开发服务器使用webpack的手表模式。它还阻止webpack将生成的文件发送到磁盘。相反，它保存并服务内存中的结果文件。
这是否意味着捆绑的文件webpack-dev-server编译只保存在内存中，并且我还必须在后台运行webpack --watch以及dev-server进程，以便将编译的文件实际保存到我的硬盘驱动器中？
浏览 0提问于2016-12-03得票数 6
回答已采纳
下面的只有在some-module模块是Node模块的情况下才起作用，对于由Webpack插件加载的模块不起作用。
如何使用Webpack自己的逻辑()来解析配置中的模块路径？
在我的例子中，它是，但我猜它应该以与任何ResolverPlugin相同的方式工作
var BowerWebpackPlugin = require("bower-webpack-plugin");
module.exports = {
...
module: {
plugins: [new BowerWebpackPlugin()],
loaders:
浏览 2提问于2015-06-28得票数 7
我试图使用文件加载程序来处理图像并将它们包含到我的构建文件夹中。
在html文件中的图像出现在生成中，而来自样式的图像则不显示。
我保持我的webpack配置分裂成2个文件，并使用webpack合并模块合并他们。
我就是这样配置css处理的：
exports.loadCSS = function (paths) {
return {
module: {
rules: [{
test: /\.scss$/,
include: paths.app,
use
浏览 0提问于2017-04-22得票数 1
回答已采纳
1回答
我有一个自定义的手写笔包托管在一个私有的github库中，我将它包含在我的包清单中。在npm install之后，它现在位于我的node_modules目录中，目录结构类似于：
node_modules
|
----my-custom-package
|
----package.json
webpack.config.js
src/
|
----index.js (which just imports css/index.styl)
css/
|
浏览 6提问于2017-08-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
