如何使用插件修改webpack 5主模板
Webpack是一个现代的静态模块打包工具，它主要用于将多个模块打包成一个或多个bundle文件，以便在浏览器中加载。Webpack 5是Webpack的最新版本，它引入了许多新功能和改进。
要使用插件修改Webpack 5的主模板，你可以按照以下步骤进行操作：
- 安装Webpack和相关插件：首先，你需要在项目中安装Webpack和相关的插件。可以使用npm或者yarn进行安装，具体命令如下：
- 安装Webpack和相关插件：首先，你需要在项目中安装Webpack和相关的插件。可以使用npm或者yarn进行安装，具体命令如下：
- 创建Webpack配置文件：在项目根目录下创建一个名为
webpack.config.js的文件，并在其中配置Webpack。以下是一个基本的Webpack配置示例： - 创建Webpack配置文件：在项目根目录下创建一个名为
webpack.config.js的文件，并在其中配置Webpack。以下是一个基本的Webpack配置示例： - 导入并配置插件：根据你的需求，选择合适的Webpack插件来修改主模板。你可以在Webpack官方插件列表（https://webpack.js.org/plugins/）中找到各种插件的文档和用法。以下是一个示例，使用
HtmlWebpackPlugin插件来生成HTML文件： - 导入并配置插件：根据你的需求，选择合适的Webpack插件来修改主模板。你可以在Webpack官方插件列表（https://webpack.js.org/plugins/）中找到各种插件的文档和用法。以下是一个示例，使用
HtmlWebpackPlugin插件来生成HTML文件： - 运行Webpack构建：完成插件配置后，你可以运行Webpack来构建你的项目。可以在
package.json文件中添加一个脚本命令，以便更方便地运行Webpack。以下是一个示例： - 运行Webpack构建：完成插件配置后，你可以运行Webpack来构建你的项目。可以在
package.json文件中添加一个脚本命令，以便更方便地运行Webpack。以下是一个示例： - 然后，在命令行中运行以下命令来构建项目：
- 然后，在命令行中运行以下命令来构建项目：
通过以上步骤，你可以使用插件修改Webpack 5的主模板。请注意，具体的插件选择和配置取决于你的需求，你可以根据实际情况进行调整。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云Webpack托管服务：https://cloud.tencent.com/product/twp
- 腾讯云云开发（Serverless）：https://cloud.tencent.com/product/scf
- 腾讯云云函数（Serverless）：https://cloud.tencent.com/product/scf
- 腾讯云云原生应用引擎：https://cloud.tencent.com/product/tke
- 腾讯云容器服务：https://cloud.tencent.com/product/ccs
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储COS：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动推送：https://cloud.tencent.com/product/tpns
- 腾讯云音视频处理：https://cloud.tencent.com/product/mps
- 腾讯云内容分发网络CDN：https://cloud.tencent.com/product/cdn
- 腾讯云DDoS防护：https://cloud.tencent.com/product/ddos
相关·内容
我现在让webpack生成我的bunde文件，并在名称中使用散列：
bundle.649c4c4e6c8076189257.cache.js
我还了解了如何让webpack使用HtmlWebpackPlugin从html模板生成我的主html页面。
这就是我的问题所在，在我的html模板中，我硬编码了包文件名：
<script src="bundle.649c4c4e6c8076189257.cache.js"></script>
我更愿意使用某种变量，如下所示：
<script src="${bundleFileName}">
浏览 0提问于2016-10-24得票数 11
回答已采纳
在npm install jquery-migrate之后，我可以只在主scripts.js文件中使用require('jquery-migrate');。这样做很好：
console.log(jQuery.migrateVersion); // JQMIGRATE: Migrate is installed with logging active, version 3.0.0
现在，我想将其设置为在生产版本中不存在jquery。
webpack.config.js：
var dev = process.env.NODE_ENV !== 'prod';
var
浏览 8提问于2016-06-10得票数 5
回答已采纳
用html-webpack-plugin和网络包，
可以创建或生成index.html文件可以使用模板生成index.html文件
但是我想将捆绑的JS和CSS文件注入到另一个现有的html文件中。我没有在插件中找到任何选择。
我们有Asp.net MVC _layout.html。如果我使用模板选项，_layout.html中的内容就会中断，因为_Layout.html中更多的代码与c#混合在一起。
我们是否可以选择替换内容而不破坏或将捆绑文件添加到现有的html文件中？
浏览 2提问于2022-07-06得票数 0
我有一个为模板index.html提供服务的烧瓶应用程序，它可以访问webpack生成的javascript文件。问题是，我正在为webpack生成的文件生成一个散列，以防止浏览器缓存，而且我无法知道如何访问webpack生成的文件，因为散列名可能会更改。例如，如果webpack生成一个名为bundle-cdcf74127a4e321fbcf0.js的文件，我将无法提前知道哈希函数cdcf74127a4e321fbcf0，因此无法在index.html中访问它。
这是我的webpack配置文件：
const CleanWebpackPlugin = require('clean-web
浏览 3提问于2017-09-17得票数 2
回答已采纳
2回答
所以我用Webpack来捆绑我的js和css。
我增加了Webpack插件-关键输出外部css文件具有关键的风格。这个文件被添加到我的(小枝)模板中。
如果我第二次运行Webpack，它可以正常工作，虽然初始构建失败了，并且我收到一个错误，说它找不到主生成的文件。如何将ExtractTextPlugin的主css文件输出公开给Webpack-插件-关键，允许它在初始构建时使用该文件并生成一个关键的css文件？
浏览 5提问于2017-10-02得票数 1
回答已采纳
我在使用html- webpack -plugin和webpack时遇到了问题，其中html-webpack-plugin会将脚本注入到index.html的主体中。这显然导致了webpack不断刷新，并且每次都会生成新文件。首先，我如何防止这种情况的发生，其次，有没有办法配置html- webpack -plugin删除与webpack生成的不再存在的static/bundle-[hash].js文件对应的脚本(在这种情况下，与下面配置文件中的out javascript对应的过期文件)？
下面是webpack的配置文件：
const CleanWebpackPlugin = require
浏览 1提问于2017-09-17得票数 0
我是新使用webpack的，所以我不太明白它是如何工作的。
我在导入中使用webpack和React.Lazy将我的主包拆分到不同的小文件中。
在构建过程之后，所有这些文件都能正常工作并生成所有这些文件：
现在，我的问题是，我只有一个应用程序的入口点: index.html
我必须在.js中包含哪些index.html文件？
如果我只包括这个：
<script type="text/javascript" defer src="./js/vendors~main.js"></script>
运行我的应用程序时出错：
VM6636
浏览 3提问于2019-12-27得票数 0
回答已采纳
我正在做webpack插件，不知道如何在构建过程中修改模块。我想做的是：
通过自定义加载程序收集数据(很好)
加载所有模块后，收集我的加载程序收集的数据(好)
将我生成的代码插入到构建中的现有模块中(这样做如下所述，不确定这是否是最好的方法)
“更新”该模块，以便对我添加的代码进行解析，并将其“require”转换为webpack require(无法确定如何正确地完成此操作)。
目前，我正在链接到编译器上的“这个编译”，然后是编译上的“附加块-资产”。获取第一个块(目前，我还在开发中，这是唯一的块)，迭代该块中的模块，以找到我想要修改的块。然后：
将生成的源代码追
浏览 10提问于2016-01-29得票数 29
在我的Angular 5项目中，我的index.html显示了一条带有背景图片的加载消息：
<html>
<head>
<base href="/" />
<style type="text/css">
#loadingIndicator {
background-image: url('style/Loading.png');
}
</style>
</head>
<body>
<root-component>
浏览 0提问于2018-02-23得票数 1
3回答
动态加载反应元件
、、
我正在考虑构建一个web应用程序，在那里人们可以安装插件。我希望插件能够定义将呈现到页面上的React组件，而无需在安装插件后重新编译主JavaScript包。
所以我想到的方法是：
使用webpack将主JavaScript与一个捆绑在一起。
让插件作者将他们的组件作为外部库进行编译。
这样，我只运行一个实例的反应。我可能也可以对其他一些经常使用的库做同样的操作。
因此，问题在于如何从服务器动态加载这些插件组件。假设我有以下组件：
class PluginRenderer extends React.Component{
componentWillMount() {
浏览 6提问于2017-06-27得票数 14
回答已采纳
在webpack中，我使用了HtmlWebpackPlugin，我可以知道我想使用哪个HTML模板。我想知道如何使用Vite实现同样的结果。
目标是在生产(构建)中使用React，但我不想在开发中使用它。
我的webpack配置中有这样的东西：
const { merge } = require('webpack-merge')
const common = require('./webpack.common')
module.exports = merge(common, {
mode: 'development',
plugins:
浏览 3提问于2022-01-14得票数 3
1回答
我使用的是webpack版本4.41.2和版本3.2.0
$ npm info webpack version
4.41.2
$ npm info html-webpack-plugin version
3.2.0
我创建了一个名为index.ejs的html模板(以的方式命名它)。我不使用html-loader插件)。
下面是相应的webpack配置：
new HTMLWebpackPlugin({
template: "src/index.ejs",
filename: "index.html",
inject: "body"
浏览 4提问于2019-10-25得票数 1
我相信现在可以选择在svelte配置中使用预处理器。但我还没成功.(我想这个社区可以用一个工作例子，无论是使用Rollup还是Webpack)。
在我进行更多修改之前，我想知道是否可以在svelte编译器中使用rollup / webpack配置对global.css (或任何“非组件”css)进行预处理，因为它编译了主js？
虽然我喜欢CSS与组件绑定的想法，但也有一些开发人员像组件样式一样依赖全局样式，因此他们不必在每个组件中再次重复样式。
没有代码可以显示，因为我不知道从哪里开始？
浏览 2提问于2019-06-06得票数 8
3回答
我使用webpack，最近更新了几个软件包(babel，babel-loader，..)并看到webpack输出的一个错误。但是，不知道如何进一步调试。这个应用程序似乎运行良好。我尝试了各种调试选项，但没有获得错误的详细输出。
./node_modules/.bin/webpack --config webpack.config.js --progress --profile --colors --display-error-details --display-reasons --debug
NODE_ENV == production : false
6809ms build modu
浏览 2提问于2015-05-24得票数 8
回答已采纳
如何获得由webpack4生成的大杂烩值，以便在index.html中使用它来正确设置脚本src？
简介:希望这不是一个愚蠢的问题，因为我完全是webpack的新手，今天开始学习。我知道如何配置、提取js、css、缩小它们，以及所有非常基本的操作。
这是我的webpack.config.js
const path = require('path')
const webpack = require('webpack')
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
c
浏览 2提问于2019-08-25得票数 3
回答已采纳
我正在用Webpack 5，html-webpack-plugin和html-loader开发一个网站。
这是我的index.html
<!DOCTYPE html>
<html>
<head>
<title>test page</title>
</head>
<body>
<p>hello there</p>
<script type="application/javascript" src="../script/index.ts"
浏览 2提问于2020-09-25得票数 0
如何在进程时间(而非浏览器运行时)获取/访问webpack ENV变量？html文件中的webpack.DefinePlugin(...)似乎不起作用，我无法访问主index.html中的ENV变量
有什么解决方案吗？
浏览 4提问于2016-10-07得票数 32
回答已采纳
我目前正在进行一个项目，在这个项目中，我必须将一个特定的scss文件导入到一个css文件中，这样我就可以使用其中的一些变量。这个项目使用PostCSS与一个装载机在webpack。
到目前为止，我已经尝试过使用，但这似乎不起作用。
下面的代码示例显示了我想对主colors.css文件做什么：
@import "@theme-data/build/scss/variables/_darkBlueTheme.scss";
:global .lightGray {
--textColor: $colorScheme-textColor;
--graph-axis-label
浏览 2提问于2020-09-02得票数 2
1回答
我试图将以下javascript文件从网站模板导入到我的项目中。我不知道问题出在哪里。
我有兴趣把这个网站模板转换成一个nuxt.js项目。
从我能收集到的数据来看，我需要补充
plugins: [ '~plugins/axios', '~plugins/script.js', '~plugins/core.min.js', '~plugins/html5shiv.min.js', '~plugins/pointer-events.min.js', ],
到nuxt.co
浏览 8提问于2017-06-30得票数 0
嗨，我正在使用node.js/react/webpack应用程序。这些文件应该被编译到一个静态的public文件夹目录，一旦应用程序构建。然而，这种情况并没有发生，而且一切都停留在根级别(index.html和bundle.js)。
在根目录中，我有一个server.js，其内容如下：
new WebpackDevServer(webpack(config), {
publicPath: config.output.publicPath,
hot: true,
historyApiFallback: true
}).listen(5000, 'localhost',
浏览 0提问于2017-01-23得票数 0
我正在构建一个HTML应用程序，并用TypeScript编写我的所有代码。我使用webpack将TypeScript转换为JavaScript，并将所有单个源文件打包并缩小为一个javaScript main.js文件。
我想知道我在浏览器中运行的main.js文件是从使用webpack的开发构建生成的，还是从生产生成生成的。我该怎么做？
例如，在webpack开发配置中，我做：
new webpack.DefinePlugin( {
IS_DEBUG_MODE: JSON.stringify( true ),
} ),
编译后的main.js文件如何使用这些信息来：
console.l
浏览 4提问于2022-01-03得票数 0
我的项目大致有以下结构：
Webpack将静态资产放在public文件夹中。
output: {
path: resolve('public'),
filename: 'bundle.js'
},
我想做的是让Webpack开发服务器从src文件夹向index.html提供服务，但从public文件夹请求静态资产。这个是可能的吗？文档说，将index.html文件放在build文件夹中，但是如果可以将dev服务器设置为服务于来自public文件夹的静态资产，那么也就没有理由在其中复制index.html。
浏览 2提问于2016-08-11得票数 1
我的项目在开发模式下运行正常，但在构建模式下运行失败。完整的错误是
ReferenceError: window is not defined
at Object.<anonymous> (node_modules/vue-js-modal/dist/index.js:1:210)
at __webpack_require__ (webpack/bootstrap:25:0)
at Module.<anonymous> (assets/js/app.a0a1f9b3.js:5157:12)
at __webpack_require__ (webpack/bootstra
浏览 23提问于2020-02-13得票数 0
回答已采纳
我使用Webpack 3.8.1和webpack-dev-server 2.9.2.这是一个项目，我正在写的反应。下面是我的webpack.config文件。每次运行build命令时，都不会将其传输到dist目录中的index.html文件。这也发生在我做生产建设以及。我可以将该行写入index.html文件，但每次重新构建它时，它都会删除该行。有什么想法吗？
const path = require('path');
const webpack = require('webpack');
const CleanWebpackPlugin = require(&
浏览 0提问于2018-03-12得票数 3
回答已采纳
我的webpack.config.js文件现在是：
const HtmlWebpackInlineSourcePlugin = require('html-webpack-inline-source-plugin')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const path = require('path')
module.exports = (env, argv) => ({
mode: argv.mode === 'production
浏览 8提问于2021-05-13得票数 1
我正在使用Webpack 4，我正在创建配置文件，当我尝试使用控制台上的HtmlWebpackPlugin时，它在控制台上得到了这个：Entrypoint undefined = index.html，它打开浏览器，出现了HTML，但是我在控制台上得到了这个奇怪的消息，如何解决这个问题？
这就是我的配置文件的样子：
'use strict'
const webpack = require('webpack')
const { join, resolve } = require('path')
const HtmlWebpackPlugin =
浏览 47提问于2018-08-25得票数 31
我使用Webpack Encore (类似Webpack)创建资产文件。在创建开发文件时，一切都运行良好，但是，当运行要生成用于生产的小型化文件的命令时，我会得到一个错误。
错误编译失败，有一个错误
app.js，来自UglifyJS。
无效赋值app.js:131,42
意料之外的字符‘’app.js:10953,9
这个问题似乎是由两个插件引起的：
和实际上注释掉了下面的行，这个过程成功地完成了
require('jquery-asScrollable');
require('jquery-asScrollbar');
我的package.json
浏览 1提问于2018-01-19得票数 0
回答已采纳
我正在用react和webpack 5构建一个项目。在构建时，所有操作都没有错误，但是没有将组件插入主index.html中的父div中
我的文件webpack.config
module.exports = (env = {}) => {
return {
entry: ['./src/index.js'],
output: {
clean: true,
publicPath: '/',
path: path.resolve(__dirname
浏览 0提问于2022-04-18得票数 1
我想我到处都找过了，但我空手而归。我一直在使用html-webpack-plugin从我的源代码加载一个index.html文件，但是我的客户端附带了一些本地化，我认为如果能够动态地添加它们，那就太好了。
因此，我试图切换到使用html-webpack-plugin的模板引擎，即ejs，但我遇到了重大问题！
我想要html-webpack-plugin呈现和.ejs文件，我需要给这个.ejs文件一个巨大的本地化对象。
我想要这样的东西：
<h1><%= header.title %></h1>
来自本地化的.json-file，如下所示：
{
"
浏览 0提问于2016-10-04得票数 6
回答已采纳
我试图用HTML Webpack插件创建一个带有静态HTML部分的设置，但是遇到了一些错误。这是我当前的配置：
webpack.config.js
const webpack = require('webpack');
const path = require('path');
const ExtractTextWebpackPlugin = require('extract-text-webpack-plugin');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin'
浏览 0提问于2017-12-12得票数 17
回答已采纳
例如，我有一个主条目html文件：
<div>
<!-- I'd like to include a html partial here -->
</div>
我有一个部分的html
<span>I'm a partial html piece</span>
我希望我可以使用webpack生成一个最终的html，如下所示：
<div>
<span>I'm a partial html piece</span>
</div>
有没有可能用webpack插件
浏览 19提问于2016-03-25得票数 15
回答已采纳
5回答
我正在尝试使用node js配置我的网站的webpack，我也使用ejs作为视图。我已经尝试了很多方法来处理我的webpack中的ejs，但直到现在我都没有成功。
const path = require('path')
const nodeExternals = require('webpack-node-externals')
module.exports = (env, argv) => {
return ({
entry: {
server: './src/app.js',
},
outpu
浏览 5提问于2020-06-22得票数 4
当我运行npm run build时，它并不是在dist/目录中创建index.html。我需要index.html的原因是我希望将Vue项目部署到AWS EC2 (/var/www/html/)。如何生成此index.html
运行dist/后的npm run build目录结构
我的package.json
{
"name": "proto",
"description": "Prototype",
"version": "1.0.0",
"license
浏览 5提问于2020-09-09得票数 3
回答已采纳
我正在尝试用React和ES6做一个网站。我正在用Webpack用巴别塔来转换我的JS，它工作得很好。现在我需要知道如何用Pug (或HTML语言)编写我的模板，并将其添加到Webpack工作流中。我希望我的build文件夹有两个文件：
从我的bundle.jsMy文件编译而来的我的 index.html文件
一个示例webpack.config.js文件会很有帮助，但我真正想要的只是如何做到这一点的一般想法。
谢谢!
浏览 51提问于2017-02-08得票数 9
回答已采纳
首先，本项目基于著名的.Net内核和Visual 2015 的ng2模板
这个模板非常好，一切都很好。Webpack/HMR也在工作，每当我在.html或.ts文件中更改时，我可以立即看到这些变化。
但是，它使用的是非常老版本的库。当我决定将所有库升级到最新版本(WebPack到2.2.1)时，问题就开始了。我犯了很多错误，因为这次升级过程中发生了重大的变化。我设法整理了几乎所有，并使应用程序像往常一样运行，除了这个最后的问题。
它不再使用HotModuleReplacement (HMR)加载更改。当我在浏览器上刷新(F5)时，所有更改都反映在页面上。
我们在这里可以看到，它确实知
浏览 10提问于2017-02-28得票数 2
回答已采纳
当我运行脚本npm run watch时，我会得到这个错误
交叉env NODE_ENV=development节点_模块/webpack/bin/webpac.js--NODE_ENV=development-progress NODE_ENV=development
I“webpack”：观看启用\构建模块(16%)C:\xampp\htdocs\VidhiStage\node_modules\webpack\lib\Chunk.js:824抛出新错误(^
错误：(C:\xampp\htdocs\VidhiStage\node_modules\webpack\lib\Chunk.js:8
浏览 1提问于2018-08-02得票数 4
回答已采纳
我正试图将我们的整个构建从需求和混乱转化为webpack，所以我将尽我最大的努力只保留下面的相关细节。
来自webpack的控制台中的错误输出
ERROR in Error: Child compilation failed:
Entry module not found: Error: Can't resolve '/home/user/Documents/ide/dist/index.html' in '/home/user/Documents/ide':
Error: Can't resolve '/home/user/
浏览 3提问于2018-02-23得票数 2
回答已采纳
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
嗨，我有一个webpack配置与这些入口点：
entry: {
'polyfills': './src/polyfills.ts',
'vendor': './src/vendor.ts',
'app': './src/app.ts',
'css': './src/css/main.unique.scss',
'index': './src/index.unique.html'
浏览 2提问于2016-05-24得票数 8
回答已采纳
出于某种原因，我最终得到了输出到我的dist的index.html中的两个脚本。不知道我的webpack剧本的哪一部分是这样做的。
index.html ( webpack执政前)
<!DOCTYPE html>
<html lang="en">
<head>
<title>My Title</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css"
浏览 2提问于2020-07-25得票数 0
回答已采纳
我特别想问的是Foundation for Apps。到目前为止，如果我在使用CommonJS代码或在我正在编写的应用程序的上下文中工作，那么Webpack已经很棒了，但是我正在努力引入Foundation for Apps，它包含了自己的HTML模板、SVG图标、JavaScript和SCSS。
我已经通过要求连接的源代码(这不是理想的，但它是有效的)包括了FfA的JavaScript。我还可以以一种更干净的方式包含SCSS，因为Webpack的sass加载器似乎知道如何处理@import语句。
关键问题出现在FfA的源代码(Angular)从一个不存在的路径请求HTML时，后Webpack
浏览 2提问于2015-08-27得票数 0
webpack文献
滚动到
webpack.config.js
该示例如下所示：
const path = require('path');
const webpack = require('webpack');
module.exports = {
entry: {
polyfills: './src/polyfills.js',
index: './src/index.js'
},
/* more stuff */
}
多填充键是否必须命名为“poly座”(符
浏览 0提问于2018-03-15得票数 0
我正在拼命地尝试使用Webpack将我的HTML分解成多个文件。我已经尝试过"<%= require() %>“方法，但是不起作用。只处理我的照片。见下面我的webpack配置。基本上我想做的是：
file1.html
<h1>This is my file number 1</h1>
文件2.html
<h1>This is my file number 2</h1>
<%= require("file1.html") %>
然后webpack在渲染index.html文件时，将这两个文件捆绑在一
浏览 1提问于2022-01-05得票数 1
我有一个反应应用程序，正在使用dotenv-webpack来管理我的API密钥。
我已经：-用API键创建了一个.env，并对其进行了说明。-在webpack.config.js中需要并添加dotenv作为插件。
在此之后，我可以使用.js文件中的一个键引用process.env.api_key。但是我在index.html脚本标记中引用它时遇到了问题。
index.html：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=dev
浏览 0提问于2018-03-20得票数 47
回答已采纳
我就是不能理解它，无论我多么努力地寻找任何关于不一致服务器或官方文档的帮助，都没有。
例如，我的react webpack配置如下：
const env = process.env.NODE_ENV || 'production';
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');
con
浏览 0提问于2019-06-06得票数 4
2回答
我第一次在windows环境中开发(来自操作系统)。
我已经建立了一个反应应用程序的基本基础，webpack构建没有错误，但只有原始HTML渲染。也就是说，ReactDOM进程似乎失败了或者什么的，因为我的应用程序组件根本不呈现。请注意，我利用了我在OS中构建的应用程序中的代码，不知道这是否与此有关。
请参阅下面的代码。谢谢你看了一眼。
首先我的webpack.config.js文件：
const webpack = require('webpack');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin
浏览 1提问于2018-08-13得票数 0
我使用webpack运行我的Three.js应用程序，在webpack.config文件中配置如下：
module.exports = {
entry: `${__dirname}/src/tut15.js`,
output: {
path: __dirname + '/dist',
filename: 'index_bundle.js'
},
devtool: 'inline-source-map',
devServer: {
contentBase: path.join(__dirname,
浏览 0提问于2020-09-07得票数 1
回答已采纳
我试着使用热构建运行我的项目(使用普通构建做同样的工作)，它给出了以下错误：
Project is running at http://localhost:8080/
webpack output is served from /
Content not from webpack is served from C:\projects\Web Network Analysis\public\src
Hash: 94a02afbd667b1bea74c
Version: webpack 2.2.1
Time: 3694ms
Asset Size Chunks
浏览 5提问于2017-03-02得票数 5
回答已采纳
2回答
我正在做一个由preact-cli发起的项目。
我有一个构建脚本，它捆绑了我的应用程序。webpack的配置已经在preact-cli中进行了全局定义，但是我可以从preact.config.js修改它。
我检查了preact-cli中只有一个入口点，现在还可以。
还有一个CommonsChunkPlugin的礼物。它具有以下配置：
如果我正常使用此配置构建应用程序。我得到了一个很大的包文件。
所以我开始添加我自己的CommonsChunkPlugin。
Preact提供了一种修改webpack吐露的方法。这是什么？
我的preact.config.js是：
export
浏览 10提问于2018-01-13得票数 4
我在Linux机器上使用Webpack 4时遇到了问题。构建在dev模式下运行良好，但在生产模式下失败。它似乎也能在windows机器上工作。我确实试过把webpack降级到一个老版本，但是什么也没做。
Nodejs: v10.2.1
*TypeError: Cannot read property 'length' of undefined* at node_modules/uglifyjs-webpack-plugin/dist/uglify/index.js:59
this.workers = workers === true ? _os2.defaul
浏览 20提问于2018-07-09得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
