导入zip文件并获取其中的单个文件，使用Webpack
。
Webpack是一个现代化的前端打包工具，它可以将多个前端资源文件打包成一个或多个bundle文件，以提高网页加载速度和性能。在导入zip文件并获取其中的单个文件的场景中，可以使用Webpack的相关插件和加载器来实现。
首先，需要安装相关的Webpack插件和加载器。可以使用npm或yarn来安装，具体命令如下：
npm install --save-dev zip-webpack-plugin
npm install --save-dev file-loader接下来，在Webpack的配置文件中进行相应的配置。假设Webpack的配置文件名为webpack.config.js，可以按照以下方式进行配置：
const path = require('path');
const ZipPlugin = require('zip-webpack-plugin');
module.exports = {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist'),
},
module: {
rules: [
{
test: /\.zip$/,
use: 'file-loader',
},
],
},
plugins: [
new ZipPlugin({
filename: 'archive.zip',
}),
],
};在上述配置中，我们使用了file-loader加载器来处理zip文件。当Webpack遇到以.zip结尾的文件时，会使用file-loader进行处理，将zip文件复制到输出目录中。
然后，在代码中导入zip文件并获取其中的单个文件。假设我们有一个名为data.zip的zip文件，其中包含了一个名为data.txt的文件。可以按照以下方式进行导入和获取：
import zipFile from './data.zip';
import dataFile from 'file-loader!./data.zip';
console.log(zipFile); // 输出导入的zip文件路径
console.log(dataFile); // 输出获取的data.txt文件路径在上述代码中，我们使用import语句导入了整个zip文件，并使用file-loader加载器来获取其中的单个文件。通过console.log语句可以查看导入和获取的文件路径。
至于腾讯云相关产品和产品介绍链接地址，可以参考腾讯云的官方文档和网站进行查询。
相关·内容
我有非常简单的webpack配置，如下所示：
var path = require('path');
module.exports = {
entry: {
test: "./index.js"
},
output: {
filename: '[name].js',
path: path.resolve(__dirname, 'dist')
}
};
在我的文件index.js中，我使用Ramda编写了一些代码，并像这样导入它：
import { compose, head, tail }
浏览 8提问于2017-08-25得票数 2
回答已采纳
我正在尝试创建一个简单的node.js应用程序，使用Webpack来编译我的javascript文件。我是一个全新的node.js新手，所以我很难理解我做错了什么，以及应该如何做。
我很抱歉这将是非常冗长的，但我在配置方面遇到了问题，我不确定是哪个特定的文件导致了问题，所以我发布了很多代码。真的很抱歉。
到目前为止，我的应用架构如下：
app
└─app.js
└─package.json
└─package-lock.json
└─webpack.config.js
└─views
| └─index.ejs
└─public
└─javascript
浏览 0提问于2019-10-24得票数 1
1回答
我需要执行树摇动，以减少包的大小，其中存放和其他一些库正在被使用。我已经像这样转换了所有的套货导入：import {isEmpty} from "lodash";，但是包的大小仍然没有减少。
要使用像'lodash-webpack-plugin‘这样的插件，我们需要在webpack.config.js中进行配置，这在创建反应应用项目中是不可能的。我试过使用react-app-rewired，但是遇到了一些问题，比如：
该项目使用了以下版本：
react-脚本: 3.4.1
webpack: 4.42.0
反应: 16.13.1
提交日期: 4.17.15
浏览 11提问于2022-04-07得票数 1
回答已采纳
1回答
我想和webpack一起编写scss和js。但是，只要我在Symfony 3中使用它，只有前端的一些页面使用javascript组件，我就希望将css编译到一个独立的文件中，并使用老式的<link href="style.css">，而不是将css导入javascript模块。
我成功地使用了下面的webpack.config.js，它应该生成js/script.js和css/style.css。它可以工作，但它也能产生我不需要也不想要的js/style.js 。--我想问题是，即使通过ExtractTextPlugin处理，输入“样式”也会产生输出JS，但是如何告
浏览 11提问于2017-08-21得票数 2
回答已采纳
我正在建立一个新的项目使用斯维特，Webpack，和TypeScript。它基于，并在初始设置后运行scripts/setupTypeScript.js脚本以切换到TypeScript。
当试图导入非TypeScript文件的资源时，VSCode和TypeScript将显示有关它们的错误：
import myContent from './some-file.txt';
// -> Cannot find module './some-file.txt' or its corresponding type declarations.ts(2307)
从技术
浏览 11提问于2021-04-06得票数 1
回答已采纳
设置: react，webpack，常规css和样式加载器，没什么特别的
我希望能够在构建步骤中替换导入的文件。就像我用env WITH_THEME=true构建应用程序一样，用另一个名字替换一个css文件。
例如，我有两个css文件，style.css和style.theme.css，在react组件中，我只导入了一个类似于这个import './style.css'的文件(我不想更改这一行，我知道这里可以使用env创建if条件)。
所以，如果我用WITH_THEME=true开头webpack，我希望它实际上导入style.theme.css而不是普通的style.css，
浏览 0提问于2018-10-15得票数 0
回答已采纳
1回答
我有一个反应应用程序(学生门户)。
我的文件夹结构如下：
\- build
- webpack.config.js
\- src
- App.js
- components\
- Login\
- Login.scss
- Login.js
- Dashboard\
- Register\
- redux\
- helpers\
我的webpack很有水准。
var path = require('path');
var webpack = require('webpack');
mod
浏览 0提问于2019-01-23得票数 1
回答已采纳
2回答
我正在尝试创建一个小型npm库，以使与API的接口更加整洁。我的文件夹结构如下..。
dist/
index.js
src/
index.js
endpoints/
endpoint1.js
package.json
webpack.config.js
在我的src/index.js文件中。
import {endpoint1} from './endpoints'
module.exports = class lib {
...
}
当我运行build (运行webpack --显示--显示--错误--详细信息--模式生产)时，webpack抛出了一个
浏览 6提问于2019-11-08得票数 1
回答已采纳
我希望我的Webpack每次更改文件时都能重新设置。
目前我有这样的代码：
watchOptions: {
aggregateTimeout: 600,
poll: true
},
(基于)
这很管用，但不是我想的那样。
预期：
文件已更改
webpack重新开始
另一个文件被更改
webpack立即重新开始
实际情况：
文件已更改
webpack重新开始
另一个文件被更改
webpack首先需要编译所有的东西，当他完成后，他将重新启动
有什么解决办法/暗示吗？
或者在Webpack身上做不到？
浏览 2提问于2016-03-22得票数 1
当我们使用延迟加载来下载特定的web模块时，例如： import('./polyfills').then(render); 浏览器会缓存这些动态加载的文件吗?在后续的请求中，webpack是否会使用缓存的版本？ 使用包拆分，我知道浏览器将缓存加载的文件；我假设代码拆分应该是相同的，但我不确定。
浏览 14提问于2019-05-14得票数 4
回答已采纳
我有一个文档库2(使用版本的2.0.0-beta.9)应用程序，我正在使用编写一些测试。测试工作正常--问题是，当运行npm start (运行docusaurus start)时，我看到多古龙试图解决msw依赖关系，这是没有意义的，因为我只是从测试文件中引用这个依赖项。是否可以排除由金牛龙拥有的底层webpack配置所处理的msw dev依赖关系？
这是原木
> website@0.0.0 start
> docusaurus start --host 0.0.0.0
Starting the development server...
Docusaurus website i
浏览 9提问于2021-12-07得票数 0
回答已采纳
我目前正在angular2应用程序中使用angular2，并使用webpack2构建所有ts文件。
目前我只使用来自NgbModule的Modal组件，但在缩小的文件中，我仍然可以看到NbgAccordian和其他模块引用，这些引用在我的应用程序中没有使用
@ng-bootstrap/ng-bootstrap": "^1.0.0-alpha.15
我试过import { NgbModule, NgbModal, NgbModalOptions, ModalDismissReasons, NgbActiveModal } from '@ng-bootstrap/ng-bo
浏览 10提问于2017-04-15得票数 4
回答已采纳
我正在使用babel和webpack来处理React和ES6。我想在不同的文件中构建几个组件，导入到一个文件中，并将它们与webpack捆绑在一起
假设我有几个这样的组件：
my-navbar.jsx
import React from 'react';
import Navbar from 'react-bootstrap/lib/Navbar';
export class MyNavbar extends React.Component {
render(){
return (
<Navbar className=
浏览 31提问于2015-11-27得票数 147
回答已采纳
3回答
在使用webpack的react中，每个js文件都被捆绑到一个bundle.js中，例如，对于我的普通html，css，js应用程序，我有6个库。举个例子，考虑一下
我使用的是jquery和bootstrap的最小版本。因此，如果我引用两个文件，请求将是两个。那么我怎么才能把它变成一个单独的文件呢？所以只会有一个请求。
就像我检查的文件大小大约是kb，请求在不到1到2秒内被处理，就像chrome dev工具显示加载时间一样，它也并行地加载这两个文件。
但是，我如何使用webpack绑定这两个库，并获得一个可以在我的应用程序中引用的文件。
我对webpack来说是个初学者
浏览 2提问于2018-07-26得票数 0
3回答
我有一个电子应用程序，需要读取存储在%appdata%中的文件(或者macOS和linux的等效文件)。我像这样导入文件
const appPath = app.getPath("appData");
const data = await import(appPath + "/app/file.json");
如果我从源文件运行代码，它可以工作，但是当我试图与webpack捆绑时，我会得到一个Module not found错误。我知道这是webpack试图对我的进口产品进行分析造成的。
那么，在webpack中是否有一种动态导入文件的方法？
提前感谢！
编辑:
浏览 1提问于2020-01-30得票数 3
回答已采纳
我设置了一个标准的webpack环境，并将ES6导入与npm包(通常的import name from 'package')一起使用。我使用webpack-dev-server作为我的开发环境，使用标准的webpack构建来构建输出目录。
我的源代码中有一个zip文件，其中包含大量XML文件，在我的JS程序中，我希望能够读取该zip文件并从中提取单个文件，这样我就可以从这些文件中获取文本并处理其中的XML。
我目前正在使用xmldoc包将XML转换为JSON对象进行处理，但是我还没有找到一个可靠的包来读取zip文件(使用文件的路径)，并且能够获得其中的各个文件。在我尝试过的方法
浏览 15提问于2018-01-08得票数 1
1回答
我在Udemy上完成了一门以太坊智能合约课程，它使用solc@^0.4.17，React和Next.js。我认为尝试将所有内容升级到最新版本并尝试重构将是一项有趣的练习。我将名为factory.js的文件中的以下代码导入到我的主索引文件中： import web3 from './web3';
const path = require('path');
const fs = require('fs');
const abiPath = path.resolve('ethereum/build', 'CampaignFa
浏览 221提问于2021-11-08得票数 1
回答已采纳
关于zip和io.Reader/io.Writer的问题。据我所知，io/Reader/io.Writer的目的之一是流。但是，如果我的类型没有真正意义上的“作为块”，我应该实现其中的一种吗？
欲知更多详情：
假设我有这个结构。
type MyZip struct {
file1, file2 []byte
}
MyZip表示特定的结构化压缩。例如，假设它代表一个zip文件，其中包含一个名为file1的文件和一个名为file2的文件。MyZip负责解析一个zip文件，将这两个文件提取到两个[]byte字段中。它还应该以相反的方式处理(将这两个[]byte字段转换为两个名为test1和t
浏览 3提问于2019-09-17得票数 0
回答已采纳
我有一个使用Webpack 2的VueJS应用程序。我正在VueJS上工作，我将与一个网页设计师一起工作，它将把CSS类添加到应用程序中。设计人员希望有一个用于登录页面(login.css)的CSS文件，一个用于后续登录( app.css )的CSS文件，等等。因此，不必在登录页面加载app.css，反之亦然。此外，CSS文件可能有相同的类，但将用于不同的事情。例如:对于body标记，他将在login.css中使用字体大小为10 in，而在app.css上，他将使用字体大小为12 in的body标记。现在，我在我的main.js文件中导入CSS文件：
import '../src/as
浏览 1提问于2017-09-03得票数 2
回答已采纳
1回答
我当时正在阅读一份文件，我遇到了以下部分：
--模块只不过是一个包含__init__.py文件的目录。它应该包含与模块用途相关的逻辑的其他Python文件。
这个定义正确吗？
(据我所知，Python模块是一个扩展名为py的文件，其中包含Python代码。正如我所记得的，一个包含__init__.py文件的目录被称为package)。
浏览 4提问于2021-04-07得票数 1
回答已采纳
1回答
我正试图使用Webpack将ES6编译到一个文件中，但不知道为什么代码不能像现在这样可用。
附带注意:这是VueJS的插件
我从一个导出单个函数的简单文件开始，如
exports.install = () => {
...
}
Webpack使用babel-loader和babel-preset-es2015对其进行编译。
您可以在中找到webpack配置、源文件和编译文件。
我的问题是我的Vue应用程序的结果不是“可征用的”.它在核心需要的exports.install语句周围有一些奇怪的东西。当我移除所有这些东西而只留下exports.install = ...的时候，它
浏览 3提问于2016-08-24得票数 0
回答已采纳
有没有办法只导入JSON文件type？我有一个复杂的JSON文件，我需要在整个应用程序中使用它的定义，但当我执行import * as data from 'data.json'时，整个文件都被导入了，这导致它存在于构建中(使用webpack)。据我所知，在webpack config中没有办法排除它。 编辑:我的问题可能有点不清楚，所以这里是我的例子： import * as data from 'data.json'
// data looks like this:
// {
// a: {
// b: 'something1'
浏览 14提问于2019-07-02得票数 0
回答已采纳
我已经着手将我们的产品angularjs代码库迁移到今天，最终目标是迁移到Angular 2。对我来说，第一步是让webpack和typescript使用代码库。 JavaScript捆绑包正常工作，应用程序也可以运行，但是如果我将其中一个文件更改为TypeScript文件，并且再次将应用程序更改为run文件，则应用程序将无法再找到该文件。当我有sourceMap: true和devtool: 'inline-source-map'时，我看不到它的源图。如果我查看bundle.js输出，我确实在那里看到了我的TypeScript类。如果我使用tsc手动编译成JavaScrip
浏览 16提问于2020-04-21得票数 0
回答已采纳
我有webpack捆绑尺寸的问题，这是由粗鲁的风格引起的…
我有许多使用materialize-css库设计的angular2组件。我使用@extend而不是将materialize-css类放在html中来封装来自html本身的库。
我遇到的问题是与webpack的捆绑包非常大，因为每个组件的sass都导入materialize-css包，并且因为组件的样式是使用raw加载器加载的，所以它被嵌入到捆绑包的js文件中。所以我得到的是每个组件都有相同materialize-css样式的巨大捆绑包。
只是为了比较，我编译了我的应用程序，所有的样式都被注释掉了，当包含样式时，包的大小是1.08MB，
浏览 0提问于2016-08-16得票数 1
根据，我可以下载他们的示例文件dvdrental.zip，但是
数据库文件是file格式( dvdrental.zip)，所以您需要将>它提取到dvdrental.tar中
首先，什么是焦油？我以为必须是tar.gz才能被压缩？我甚至不知道如何自己创造一个“焦油”。我试过：
tar -zcvf dvdrental.tar.gz dvdrental
和
tar -cf dvdrental.tar dvdrental
我尝试用pgAdmin 4导入，我得到了以下任何一种：
pg_restore: [archiver] input file does not appear to be
浏览 7提问于2017-05-05得票数 4
回答已采纳
1回答
我正在尝试编写一个webpack插件，它将进入包含html文件的目录，打开每个html文件，删除新行，并生成一个对象作为静态属性附加到我的输出文件(这是一个var)。
该对象看起来类似于：
{
htmlFile1: '<p>some html one!</p>',
htmlFile2: '<span>some html two!</span>
}
然后我希望将它附加到我的输出中，如下所示：
App.templates = { .... }
对象的创建已完成。我只是在和webpack斗争，想办法把它贴在主要物体上。我
浏览 7提问于2017-01-18得票数 0
1回答
我想将和添加到我的供应商包中。
在webpack.config.ts中，我有：
entry: {
main: './src/client',
vendors: ['./node_modules/moment', './node_modules/pikaday']
},
output: {
path: root('dist/client')
},
哪个./src/client.ts是我正在引导我的Angular2模块的文件(webpack，entery )。
问题：
我可以使用以下方法来定义moment：
i
浏览 0提问于2016-12-28得票数 0
回答已采纳
我只是尝试用.tsx转换程序制作一个简单的react应用程序，但是在导入时没有定义react和react：
这是我的输入文件，只有类型记录文件：
index.tsx
import React from 'react';
import ReactDOM from 'react-dom';
console.log(ReactDOM);
ReactDOM.render(<div>SUCCESS!</div>, document.getElementById('root'));
控制台输出错误：
undefined
Uncau
浏览 5提问于2017-10-14得票数 3
回答已采纳
1回答
我正在使用一个名为react-markdown的库。如果你知道反应，它的实现是非常简单的。
import React from 'react';
import ReactDOM from 'react-dom';
import ReactMarkdown from 'react-markdown';
var content = '# This is a header\n\nAnd this is a paragraph';
ReactDOM.render(
<ReactMarkdown source={content
浏览 6提问于2017-05-21得票数 5
回答已采纳
我有一个zip文件，它有很多依赖项。如何使用artifactory将此zip文件导入到远程存储库中。为了导入zip文件中的所有依赖项，需要维护什么文件结构。
浏览 1提问于2014-05-23得票数 0
3回答
我正在开发一个Reactjs应用程序。我用的是Webpack。我的目标是能够创建一个组件，并在同一目录中创建一个带有该组件样式的.scss文件。
例如：
|- components/
| |-- component1.js
| |-- component1.scss (automatically import files like this one!)
|
|- main.scss (gets loaded by webpack by default)
我需要做什么才能自动导入.scss文件，而不需要在每次创建新文件时在main.scss文件中执行@im
浏览 9提问于2016-08-04得票数 2
1回答
如何开动装载机的角度？
我尝试使用@import "theme.scss"; inside*.scss`文件。
但我得到了信息；
导入未找到或不可读的文件: theme.scss。
我不使用webpack，只使用tsconfig和angular.jon
其中文件theme.scss包含变量：
$border-radius: 10px;
$main: rgb(20, 100, 192);
浏览 2提问于2020-01-13得票数 3
回答已采纳
经过一个学期的工作，我的Eclipse包资源管理器变得非常混乱，因为它看起来像：
CS402-HW1
CS402-HW2
CS402-HW3
.
.
.
CS402-Group Project
CS 432-HW1
CS 432-HW2
CS 432-HW3
.
.
.
CS 432-Project
现在我已经完成了类的处理，我希望根文件夹/项目称为CS402和CS 432，它们包含所有相关的项目。
我首先创建一个名为CS402的新项目，然后右键单击我想要实现的项目之一，比如CS402-HW1，然后单击refactor > move。我将它移动到主CS402项目中一个名为CS402-H
浏览 4提问于2014-06-20得票数 1
回答已采纳
注:我通读了其他类似的问题(here和其他问题)，但它们都是关于早期版本的webpack和巴别塔，并没有解决以下问题。 这是很好的服务，但当我运行npm run build时，我得到了以下错误。我该如何解决这个问题？(我怎样才能得到比这更好的错误呢？，日志也一样糟糕)。 > react_01@1.0.0 build /Users/monkeydo/Documents/code/__tests/react_01
> webpack --mode production
/Users/monkeydo/Documents/code/__tests/react_01/node_modu
浏览 33提问于2021-07-18得票数 1
2回答
我最近开始了一个已经成熟的项目，其中我正在集成Jest测试框架。该项目使用React与Webpack。在webpack的配置中，团队使用webpack.ProvidePlugin来提供React、lodash和类名(不是我想要做的，而是随便做什么)。
我遇到的问题是，文件顶部的大多数React类都包含像React.Component这样的东西，由于有了webpack的基本配置，它工作得很好。但是，当我运行相应的测试文件时，我只得到React is not defined，除非我显式地要求React。
有一个webpack.test.config文件需要基本的webpack配置，但我似乎无法获得
浏览 8提问于2017-06-29得票数 1
回答已采纳
1回答
先试一试webpack。
在我的根目录中，我有我的main.js入口点，并且还在检查.js和.scss文件
它会编译main.js文件。
Webpack似乎找不到任何其他的.scss或.js文件。我做错了什么。
完整配置如下：
var webpack = require('webpack');
var path = require('path');
let ExtractTextPlugin = require("extract-text-webpack-plugin");
var webpack = require('w
浏览 18提问于2017-03-02得票数 1
回答已采纳
3回答
递归模式下的Wget输出
、、、、
我使用wget -r从指定的网页下载3个.zip文件。这是我到目前为止所知道的：
wget -r -nd -l1 -A.zip http://www.website.com/example
现在，压缩文件都以abc_*.zip开头，其中*似乎是随机的。我希望下载的第一个文件名为xyz_1.zip，第二个名为xyz_2.zip，第三个名为xyz_3.zip。
使用wget可以做到这一点吗？
非常感谢！
浏览 4提问于2011-03-10得票数 0
我试图在webpack开发服务器的服务器中包含我的css。为了实现这一点，我显然必须同时使用样式加载器和css -加载程序，以便将css绑定到JavaScript中。
我不能让它起作用。
我遵循的指令，但是我得到了以下错误：
./src/index2.js中的错误
C:\Users\magnusga\Downloads\Programming\TestPrograms\test\src‘中的模块未找到：错误:无法解析“main.css”
@ ./src/index2.js 1:0-27
@ multi (webpack)-dev-server/client? ./src/index2.js
浏览 0提问于2018-04-12得票数 0
回答已采纳
我和webpack一起创建了打字稿项目，跟踪。由于我有很多模块，所以我将index.d.ts添加到src/components文件夹中，在其中导出所有模块：
export {Module1} from "./Module1";
export {Module2} from "./Module2";
export {Module3} from "./Module3";
我将index.d.ts添加到tsconfig.json文件中：
"files": [
"./src/components/index.d.ts"
浏览 0提问于2016-07-07得票数 7
我已经从一个数据库导出了一个值表，其中有几个列是唯一标识符。这些标识符是长度为20的数值。
例如: id=12345678901234567890。
当我导出到Excel时，这些标识符是四舍五入的。因此，我已经导出为一个xml文件，然后将这个文件保存在NotePad中作为csv。当我在NotePad中打开我的文件时，标识符是完整的，但是当我将这个文件导入R时，数字会再次四舍五入。
如何将这些标识符导入R，同时保留它们的真正“值”？
是否有方法将表中的所有列作为字符串值导入？
浏览 6提问于2014-10-08得票数 2
回答已采纳
接下来，我尝试使用Wijmo模块的FlexGrid，当我服务于我的项目时，我得到了以下错误：(我正在使用AngularCLI)
WARNING in ./~/wijmo/wijmo.angular2.core.js
System.register is not supported by webpack.
@ ./src/app/app.module.ts 12:0-57
@ ./src/main.ts
@ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts
尽管进口是在app.module.ts工作的
i
浏览 4提问于2017-07-31得票数 1
回答已采纳
我有一个文件夹在我的项目main，我正在解析像一个模块。例如，import x from 'main/src'导入main/src/index.js。这是通过webpack的解决别名配置完成的。
我遇到的一个问题是通过eslint消除错误。我知道eslint提供了一个webpack解决插件，但是我一直很难让它正常工作。我怀疑这是因为我是在webpack 2和使用es6在我webpack配置文件。
是否有一种手动方法来编写解决方案设置，以解决我的eslint问题？
我看到的唯一的其他黑客是使用import/core-modules，但是接下来我必须列出子目录树main/src/
浏览 2提问于2017-01-20得票数 78
回答已采纳
1回答
我有一个完全空的项目，我的意思是，我只有一个文件，其中有3个顶级的依赖项来作出反应、反应-多玛和反应-还原。
我试着理解webpack在每一种情况下都在做什么，举一个最简单的例子。
我使用这些npm脚本：
"scripts": {
"client": "webpack -w --mode production --config ./webpack.config.js",
"client-dev": "webpack -w --mode development --config ./webpack.confi
浏览 5提问于2022-06-10得票数 0
我有一个应用程序，渲染html服务器端。它还有一些从javascript代码中调用的api端点。
JS文件的数量在不断增加，并且由于每条路由都需要一些JS文件，因此浏览器发出的请求数量也在增加。
我想捆绑常见的javascript文件，如jquery和bootstrap，以及根据其功能的其他js文件。我使用Gulp来做这件事，它的问题是我的JS不能按预期运行；我必须重新排序捆绑包中的代码。
然后我偶然遇到了Webpack，看到了一些教程，一行又一行地看了看，我觉得很不错。但在互联网上，node和webpack到处都是捆绑在一起的。即使在文档中，他们也说我应该有一个入口文件，但我的不是SPA。我
浏览 11提问于2018-02-04得票数 1
我正在使用next.js构建一个React应用程序，并且正在使用next.config.js文件中的webpack配置。
具体地说，我希望能够使用webpack的resolve.modules配置进行更好的导入。
但是，当我在next.config.js文件中添加以下行时：
config.resolve.modules .concat(['styles','static','components','imports'])
然后import FooBar from 'components/index/FooBar&#
浏览 0提问于2017-03-24得票数 0
5回答
如何仅在需要时加载Zone.js
、、、、
我正在创建一个角2应用程序，可以动态注入到一个运行中的网站。这个应用程序的目的是能够可视化地修改网站内容。
当所讨论的网站也没有使用角2运行时，所有操作都如预期的那样。特别是，当原始网站使用角2和Zone.js时，我的应用程序也尝试加载Zone.js，但它在上崩溃。我使用Webpack作为一个构建系统，我试图通过将构建分为三个部分来解决这个问题：manifest、polyfill和app。清单只包含Webpack清单，多填充包含core-js和zone.js，其余在app中。还有第四个块叫做index。这是一个放置在网站上，它首先检查是否定义了window.Zone。如果是，则只添加manif
浏览 5提问于2017-08-18得票数 8
回答已采纳
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
我已经为我的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 3和类似的旧babel版本组成的配置开始。它可以在以下回购中找到：
我更新了webpack和babel的最新版本以及所有节点模块，并相应地迁移了旧配置。这一问题可能产生于其中任何一个。
完成迁移后，我注意到所有babel插件都遍历我的webpack信任的文件(这些文件位于一个单独的嵌套文件夹中)，而不是webpack正确处理的实际js源文件。(我通过在babel插件中进行一些日志记录来验证它)。
不管我是否使用.babelrc，结果都是一样的。
webpack配置文件以前位于项目的根目录，在上面链接的repo i中可以看到，现在它们位于嵌套的" config
浏览 0提问于2019-01-23得票数 0
回答已采纳
1回答
巴别尔填充webpack
、、、
我需要将import "babel-polyfill"包含到每个条目文件的顶部，还是仅在webpack.config文件中有babel-polyfill规则就足够了？我对填充文档感到困惑，但仍然得到以下错误：only one instance of babel-polyfill is allowed
简而言之，我的webpack.config：
entry1: ['babel-polyfill', 'homepage.js'],
entry2: ['babel-polyfill', 'not-homepage.js
浏览 3提问于2016-06-30得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
