如何让webpack需要像脚本标签一样工作
Webpack是一个现代化的静态模块打包工具，它可以将多个模块打包成一个或多个静态资源文件。通过使用Webpack，我们可以将前端项目中的各种资源（如JavaScript、CSS、图片等）进行模块化管理，并且可以通过配置来自动化处理这些资源。
要让Webpack像脚本标签一样工作，可以按照以下步骤进行操作：
- 安装Webpack：首先，需要在项目中安装Webpack。可以使用npm或者yarn来安装Webpack的相关依赖。
- 创建Webpack配置文件：在项目根目录下创建一个名为webpack.config.js的文件，用于配置Webpack的打包规则和其他相关配置。
- 配置入口文件：在webpack.config.js中配置入口文件，即指定Webpack从哪个文件开始打包。可以通过entry字段来指定入口文件的路径。
- 配置输出文件：在webpack.config.js中配置输出文件的路径和名称。可以通过output字段来指定输出文件的路径和名称。
- 配置加载器（Loaders）：Webpack可以使用加载器来处理各种类型的文件。通过配置不同的加载器，可以实现对不同类型文件的处理，例如将ES6转换为ES5、将CSS转换为JS等。可以使用module字段来配置加载器。
- 配置插件（Plugins）：Webpack还可以使用插件来扩展其功能。插件可以用于压缩代码、提取公共模块、生成HTML文件等。可以使用plugins字段来配置插件。
- 运行Webpack：配置完成后，可以通过命令行运行Webpack进行打包。可以在package.json中配置一个打包命令，然后使用npm或者yarn运行该命令。
通过以上步骤，Webpack将会根据配置文件的规则，将项目中的各个模块打包成一个或多个静态资源文件。可以将这些打包后的文件引入到HTML文件中，就像使用脚本标签一样。
腾讯云相关产品推荐：
- 云开发（CloudBase）：腾讯云提供的一站式后端云服务，支持前后端一体化开发，无需搭建服务器和数据库，提供云函数、云数据库、云存储等功能。详情请参考：腾讯云开发产品介绍
- 云服务器（CVM）：腾讯云提供的弹性计算服务，可以快速创建和管理云服务器实例，支持多种操作系统和应用场景。详情请参考：腾讯云服务器产品介绍
- 对象存储（COS）：腾讯云提供的高可靠、低成本的云端存储服务，适用于存储和处理各种类型的非结构化数据。详情请参考：腾讯云对象存储产品介绍
- 人工智能（AI）：腾讯云提供的一系列人工智能服务，包括图像识别、语音识别、自然语言处理等，可以帮助开发者快速构建智能化应用。详情请参考：腾讯云人工智能产品介绍
以上是关于如何让Webpack像脚本标签一样工作的答案，以及腾讯云相关产品的推荐。希望对您有所帮助！
相关·内容
我想从systemJS换成webpack。除了让我的一个外部脚本再次运行之外，大多数设置似乎都在工作。
在使用systemJS之前，我有一个在index.html中导入外部.js脚本的设置。
在我的angular服务中，我可以通过执行以下操作与该脚本进行交互：
declare var ExternalCode: any;
.
.
.
ExternalCode.RunProcess(data, infomation);
在webpack中，我现在有3个文件被导出并注入到我的index.html中- app.js，vendor.js和polyfills.js。在我的供应商文件中，我像这样导入代码，
浏览 8提问于2017-02-02得票数 1
我需要将crossorigin="anonymous"设置为所有标签，包括由webpack动态导入的标签。如何将crossorigin="anonymous"添加到webpack动态导入的脚本标签中？
浏览 34提问于2019-10-25得票数 1
我正试着从freecodecmap上的这段视频中找到webpack。
在视频的开头，讲师说我们需要webpack来管理依赖关系，否则我们需要添加<script>标签，以便让out split JavaScript模块工作。
但是，如果我们将脚本标记设置为<script type="module">，浏览器将加载所有使用
import {module_name} from "./module_loaction"
所以我发现很难理解在2021年webpack有什么用处。
浏览 0提问于2021-04-23得票数 3
我们知道，当我们使用动态导入时，webpack会创建脚本标签来加载脚本。但是我们应该如何在这个由webpack创建的脚本中添加一些属性呢？
例如，我想在脚本中添加crossorigin属性。
以下是webpack对动态导入所做的工作。
浏览 12提问于2021-03-09得票数 0
我如何要求一个JavaScript库，而不是一个UMD兼容模块(AMD，CommonJS)与webpack？
我不想图书馆通过一个装载机。我只想在需要的时候将它包含在<script>标签中，并且让webpack来管理这个依赖项。
我不想简单地把它放在我的index.html中的脚本标签中，因为我想利用webpack的代码分裂，并且只在必要时包含它。
我读过关于“外部”的文章，我不确定这和它有什么关系。医生不够清楚。
谢谢:)
更新问题
此外，这个问题专门涉及到只需要通过<script>标记来工作的前端库。
浏览 2提问于2015-12-30得票数 6
我无法从webpack的网站或他们的包依赖中搞清楚webpack到底是如何在本地文件系统上读写文件的。
我也想写一些自动化脚本来处理一些源代码文件，并且可以借用webpack的工作原理。
它们是否已经在库中打包了一些二进制文件？那它是如何跨平台运行的？它是在节点上运行的吗？请指点我！
浏览 1提问于2022-05-31得票数 0
回答已采纳
1回答
我有一个使用Angular的项目。它既不使用任务管理器，也不使用依赖项管理器，所有的库都存储在repo中，并使用<script src="libs/angular/angular.min.js"></script>等普通的老式<script>标签包含在其中。
我想通过引入模块捆绑器和自动化构建过程来实现应用程序的现代化。最初的想法是gulp + bower，但我看到现在的趋势是webpack + npm3。
因为像gulp-inject这样的东西，gulp + bower没有问题，但是我找不到任何类似的东西可以和webpack一起工作。
有没
浏览 15提问于2016-09-23得票数 4
回答已采纳
2回答
我的npm脚本中有这两个命令
"scripts": {
"webpack": "webpack --config webpack.config.js --watch",
"server": "nodemon server.js",
}
正如你所看到的，每次我保存一个文件时，一个运行webpack，而另一个只运行没有恶魔的服务器，这样我就不必每次保存文件时都输入"npm“之类的东西。
现在这个工作很好，但我需要两个终端始终打开运行它，它变得有点拥挤在我的屏幕上。
我不能让一个命令读成这样：
"star
浏览 6提问于2017-10-13得票数 10
回答已采纳
1回答
我不明白webpack的require函数是如何工作的。例如，我正在阅读关于webpack的，下面的例子如下：
让我们从创建我们的项目和安装Webpack开始，我们也将引入jQuery来演示一些稍后的事情。
$ npm init
$ npm install jquery --save
$ npm install webpack --save-dev
现在让我们用普通的ES5创建应用程序的入口点：
src/index.js
var $ = require('jquery');
$('body').html('Hello');
让
浏览 4提问于2016-02-25得票数 9
回答已采纳
我不知道该怎么做。我使用的是带有CSS，style，sass和手写笔加载器的Webpack。这是我的webpack配置。当我使用如下命令时，图像不会显示：
body
background-image: url('bg.jpg')
如果我在带有<img>标签的超文本标记语言中包含图片，它们可以正常工作...
我的webpack配置：
var path = require('path')
module.exports = {
entry: {
app: './src/main.js'
},
output: {
浏览 1提问于2016-02-27得票数 2
1回答
我真不明白webpack是怎么工作的。有人能帮帮我吗。我将用我的情况来解释，但实际上这更多的是一个概念性的问题，即如何使用webpack
所以我正在做一个angular 2项目，一个叫webpack的初学者。我有一些从AWS (我的SDK for API-Gateway)得到的js脚本。它大约有10个js文件。目前，我的index.html中列出了这10个文件，效果很好。显然，这实际上并不是很好，因为这意味着需要10次往返到服务器来收集它们。因此，我尝试让webpack将它们包含在捆绑包中的旅程开始了
所以我想要做的是在我的主typescript文件中一个接一个地导入文件。我的应用程序被引导到
浏览 0提问于2016-06-09得票数 1
我有一个C库，它除了libmath之外没有其他依赖项。我想用Emscripten将它转换成一个JavaScript模块，它可以以任何正常的方式在几乎任何JavaScript执行环境中使用： const myModule = require('myModule'); // In Node.js
import { MyClass } from 'myModule'; // Webpack, etc. ...Or甚至在浏览器中使用了<script>标签。但是Emscripten文档似乎非常关注拥有一个main函数。我只想将这个库移植到JavaScript
浏览 15提问于2020-09-04得票数 1
好的，我已经有了一个允许用户输入标签的脚本，但我想让用户输入多个用逗号分隔的标签，例如(html, css, php)，并将每个标签存储在数据库中。
有没有教程可以告诉我如何做到这一点，或者有人能给我几个例子，让我可以工作。
谢谢
浏览 1提问于2009-12-06得票数 1
回答已采纳
我已经做了一个电子申请，主要是为我的服务台同事在工作。
它所做的(上下文)：
它提供了一个简单的gui，它可以完成不同的“任务”。示例：
为此，我使用了以下几种组合：
带电子节点
反应
节点-Powershell
问题：
当我在开发模式下运行它时，这个应用程序正在按它应该运行的方式运行。但是在我用电子构建和封装它之后，NPM包node-powershell再也找不到.ps1脚本了。我想我已经找出了问题，但我不知道解决这个问题的办法是什么。node-powershell需要一个脚本路径和一个命令数组。我把它设成这样：
const p1 = requir
浏览 1提问于2018-07-03得票数 4
我想调试webpack的脚本，而不是生产的应用程序！
如何配置要由devtool等节点调试器启动/使用的构建脚本？
浏览 1提问于2017-02-26得票数 2
回答已采纳
1回答
我正在构建一个应用程序，它使用webpack来捆绑我所有的javascript、node模块和bower组件。我能够让angular和node模块自己工作，但是当我尝试包含我的bower组件时，我得到了以下错误
app.bundle.js:9 Uncaught TypeError: angular.module is not a function
我的webpack版本是什么样子的？
var webpack = require('webpack');
var BowerWebpackPlugin = require("bower-webpack-plugin")
浏览 0提问于2016-08-11得票数 2
我刚刚开始和webpack一起做一个项目，我根本不是JS生态系统专家，进入这个项目后，我的印象是，webpack会让我工作得更稳定。也许我应该这样做，但我有以下几点。(我完全接受我做错了事)。例如，import { jsPDF } from 'jspdf';给了我一个不是构造函数的错误。所以我四处搜索，找到了“另一种方式”，它工作得很好。
因此，如果有人可以命名不同的类型，为什么它们在这里，以及链接，这样我就可以有一个参考，这将是有帮助的。
require('../css/green.css');
import $ from 'jquery';
浏览 3提问于2017-09-11得票数 0
1回答
编辑:这个公认的答案帮助我找到了这个问题。它是正确的，所以我接受了它。但是我正在导入我的模块，其中包含了body标记，而不是使用它。
import styles from "./App.module.css"; //Includes a body tag
代码中没有使用styles，所以我认为WebPack没有包括它。如果我对这个模块做了什么，body标签就会被包括在内，而且它也能工作。<div className={styles.anything}>允许包含body CSS。
正如回答者在评论中所说，这可能是由于打字本造成的。
我用create-react-ap
浏览 2提问于2019-09-17得票数 5
回答已采纳
我在谷歌上搜索了很多，大多数用户都对我的问题持相反意见。
我和webpack一起构建了一个React + Express应用程序，我有react路由，我想使用它们，但当我试图获取一些东西时，它会转到Express应用程序。
我之前在create-react-app中使用默认设置测试过它，它工作正常。现在我和webpack一起创建自己的版本，不能理解如何让它工作。
我的路线：
<BrowserRouter>
<Switch>
<Route exact path='/' component={App}/>
浏览 0提问于2018-05-09得票数 0
我正在构建一个瘦客户机，我想要熟悉的工具之一是Webpack。在我的研究中，我遇到过程序员在他们的Webpack中包含JQuery和/或Angularjs。为什么你要这样做，而不是仅仅通过脚本标签在页面上包含它们呢？
浏览 2提问于2017-11-08得票数 0
所以我有了我的预发布脚本，它在prod中运行了webpack
"scripts": {
"prepublish": [
"npm install",
"node node_modules/webpack/bin/webpack.js --env.prod"
],
"postpublish": [ "dotnet publish-iis --publish-folder %publish:OutputPath% --framework %publish:FullTargetFrame
浏览 15提问于2017-01-14得票数 2
设置 我使用phaser.io和typescript来开发浏览器游戏。我的回购设置就像this one一样。 tsconfig： {
"compilerOptions": {
"target": "ES2020",
"module": "CommonJS",
"moduleResolution": "node",
"sourceMap": true,
"typeRoots
浏览 29提问于2021-05-09得票数 4
回答已采纳
我想不出如何在Symfony中使用Webpack Encore来管理多个js文件。我知道我们可以在另一个js文件中调用js文件的函数和变量，简单地不需要使用webpack，也不需要将脚本标签的声明按一定的顺序放在一起，但这在Webpack身上不起作用。如何配置？
浏览 18提问于2017-12-18得票数 0
1回答
我正在开发一个既可以在Node.js中使用又可以在浏览器中使用的库。这个库是用打字机写的。 这个库有一个浏览器版本，使用的是webpack。使用Webpack时，会覆盖多个文件。例如，它将使用基于浏览器的Base64应用程序接口，而不是使用Node.js缓冲区，这将极大地缩小库大小。 这是我的webpack配置的一部分，它实现了这一点： resolve: {
extensions: ['.web.ts', '.web.js', '.ts', '.js', '.json'],
alias: {
//
浏览 9提问于2019-09-11得票数 2
1回答
我想创建一个CSS文档并安装KSS：
但是脚本(kss --css ./styles/style.css--源样式)并不像文档中所写的那样工作。我不使用Webpack或任何自由框架，所以只有一个package.json文件。
下面是如何使用KSS：
例如，$ kss -演示不起作用。我应该在我的package.json文件中添加脚本吗?如果是，什么？还是我需要Webpack？我使用节点10.15.3，KSS也很老。
我所犯的错误：
$ npm run kss --confignode_modules/kss/demo/kss-config.json
npm ERR! missing scrip
浏览 4提问于2019-11-12得票数 0
回答已采纳
如何配置webpack html插件只生成脚本标签，而不生成html，body，head标签。
浏览 0提问于2018-11-09得票数 2
3回答
我一直在努力解决为选项标签设置值和选定属性的问题。这两种方法在标签上都工作得很好，但如果另一种存在的话，两种方法都不起作用。
示例：
<select>
<option *ngFor="let item of items" selected [ngValue]="item">
{{item.value}}
</option>
</select>
在该示例中，将忽略"selected“标记，并且只设置一个值。如果删除ngValue，则选定的属性将应用于元素。
我如何解决这个问题，
浏览 2提问于2018-10-11得票数 0
当我做Webpack产品构建时，我如何删除HTML文件中的注释？ 在我在Webpack中完成生产构建后，我希望得到没有注释的html文件。 当前使用TerserPlugin/UglifyJsPlugin的解决方案只适用于JavaScript文件吗？ 我使用下面的正则表达式test: /\.html(\?.*)?$/i,，但它仍然不能工作。 我运行的命令是$ npm run production package.json文件中的脚本部分： "scripts": {
"production": "webpack --optimize
浏览 106提问于2020-04-21得票数 3
2回答
背景
我正在将一些npm脚本移植到Webpack加载程序上，以更好地了解Webpack是如何工作的，而且除了我的Mocha测试之外，我已经完成了所有的工作:我有一个失败的测试，但这并不表明Mocha正在与mocha-loader一起运行，或者测试失败了：
问题
为了让所有的src/**/*.test.js文件与Webpack的Mocha一起运行，我需要做什么不同的工作呢？
复制步骤
克隆
运行npm test以查看测试应如何工作
运行npm run dev查看测试如何不与Webpack一起运行
浏览 4提问于2015-09-03得票数 35
回答已采纳
1回答
如何编写npm脚本成功运行的测试？
我在package.json中有npm脚本，如下所示。
"scripts": {
"start": "node server.js",
"dev": "webpack serve --mode development",
"lint": "eslint src",
...
我想成功地测试这些npm脚本的启动。
例如，如何成功地测试命令npm run dev (webpack serve)启动？
浏览 4提问于2021-12-19得票数 0
我有一个使用vue-cli编译的vue应用程序。我的vue.config.js文件如下所示： 'use strict';
module.exports = {
publicPath: `${process.env.CDN_URL || ''}/dist/`,
lintOnSave: true,
transpileDependencies: [],
outputDir: '.tmp/dist',
pages: {
navigator: {
entry: 'vue/home/main.ts'
浏览 316提问于2020-09-23得票数 0
回答已采纳
1回答
我上传图片时用的是aspsmartupload，它的工作正常，很好！但在我上传了图像后，我希望能够用Jcrop裁剪图像。我已经设法让Jcrop脚本在图像上工作(在图像上显示裁剪矩形)。
但是我如何用ASP裁剪图像并保存它呢？
我找到了很多php脚本，但是用ASP怎么做呢？真的很感谢任何帮助，谢谢。
浏览 2提问于2010-10-16得票数 0
回答已采纳
1回答
我试图让webpack将我的CSS文件(使用PostCSS)编译成一个单独的文件。从文档来看，这似乎正是ExtractTextPlugin应该做的事情。但是，我不能让webpack对我的CSS文件做任何事情。
相关项目结构：
dist
⎣js
⎣bundle.js
public
⎣css
⎣style.css*
src
⎣css
⎣index.css
* file doesn’t exist (hasn’t been created)
webpack.config.babel.js
import webpack from 'webpack';
impo
浏览 0提问于2017-04-11得票数 3
回答已采纳
我用的是webpack。我已经遵循了angular.io中给出的与webpack相关的所有步骤。在开发模式下，它工作得很好，但当我在生产模式下使用它时，templateUrl就不能工作了。当我复制并粘贴html的代码并将其用作模板时，它工作得很好。如何让它工作？
在捆绑脚本标记is < script src="app.js“>之后，我的基本url是< base href="/newsystem/ >
我的templateUrl是app/mycomponent.html
浏览 0提问于2016-06-09得票数 0
我将在我的项目中设置Redux DevTools ()，并希望在构建用于生产的项目时排除DevTools。文档说，这可以通过使用以下代码来实现：
if (process.env.NODE_ENV === 'production') {
module.exports = require('./configureStore.prod');
} else {
module.exports = require('./configureStore.dev');
}
我已经有了一个带有常量的模块，所以我已经将NODE_ENV的检查放在那里了。
Con
浏览 3提问于2015-12-27得票数 5
回答已采纳
我有一个反应应用程序，我正在开发，我不太熟悉webpack。我用一些自定义的JavaScript实现了一个引导主题，当我手动链接index.html正文中的所有脚本时，它工作得很好。
hack方法非常混乱，以后在缩小所有脚本时给我的控制更少。
我所有的脚本都位于一个名为vendor的文件夹中，位于src中。我如何将vendor文件夹中的所有文件与与webpack捆绑在一起的其他东西捆绑在一起？
这是我的webpack档案供参考：
const debug = process.env.NODE_ENV !== "production"
const webpack = require
浏览 1提问于2016-10-22得票数 1
回答已采纳
我用的是Vue 3和Webpack 5，我想安装dotenv-webpack，但我无法让它工作。
以下是完整代码：
设置：
启动应用程序所用的package.json脚本
webpack-cli serve
webpack.config.js
const Dotenv = require('dotenv-webpack')
...
module.exports = (env) => {
return {
...
plugins: [
...
new Dotenv()
]
}
}
.env (添加在我的应用程序的根
浏览 24提问于2022-09-13得票数 1
我正在做一个应用程序评估，如果不是因为我找不到解决方案的问题，我就完成了评估。其中一些要求是不使用CRA (create- react - app )并配置我自己的Webpack，然后将最终的react应用程序推送到Github页面，这就是我遇到错误的地方。 在我安装了gh-pages并运行了npm run deploy之后，很明显，我得到了错误: npm ERR！缺少脚本: build，因为我没有它。因为我只是用来运行CRA并让它工作，所以我从来没有想过react-scripts中的每个脚本都做了什么。 因此，我对现在应该如何处理构建脚本感到困惑。任何帮助都是最好的。 下面是package
浏览 14提问于2020-12-25得票数 3
回答已采纳
1回答
我试图以这样的方式配置我的脚本(在package.json中)，以便我可以通过cli在生产或开发模式下运行webpack。
package.json
"scripts": {
"start": "webpack serve",
"build": "webpack --mode=production"
在我的webpack.config.js文件中，我期望process.env.NODE_ENV等于我设置的模式。相反，我一直得到undefined，请让我如何使它工作
浏览 8提问于2022-03-29得票数 1
我正在使用React，并想使用像这样的img标签来使用svg文件，但后来我发现了这样的语句："In order to be able to use SVGs or any other image format in the img <img src={} /> we have to set up a file loader system in whichever module bundler we are using(Webpack, Parcel, etc)" in <img src="./images/car.svg"/> 。问题是，
浏览 0提问于2020-05-13得票数 0
我有一个普通的浏览器应用程序(打字本)，我用Webpack来捆绑。它使用webrtc，所以我想使用。它是用于的包，使火狐和chrome之间的webrtc更容易使用。
在我的模块中，我希望能够访问修改过的导航项。例如，我可以简单地调用：
navigator.mediaDevices.getUserMedia
如果我需要包，然后在模块中的某个地方使用变量，我就可以让它工作，如下所示：
var webrtc = require("webrtc-adapter");
// somewhere in module
console.log(webrtc.browserDetails);
但
浏览 5提问于2016-05-09得票数 6
回答已采纳
我已经在本地安装了webpack，并将bundle.js上传到服务器上，并使用服务器的index.html中的脚本标记对其进行调用。这样做，bundle.js就无法在包本身内调用jquery模块。所以我怀疑我是否需要在服务器上安装webpack，这样我的bundle.js才能正常工作。
帮助是非常非常感谢的
浏览 3提问于2016-04-08得票数 0
回答已采纳
因为不存在node_module，所以我的lib/文件夹中有jwplayer。我尝试使用expose-loader以便能够导入它。在我的webpack中，为了让它工作，我有以下基本设置：
const path = require('path');
module.exports = {
// ...
module: {
rules: [{
test: /\.jwplayer\.js$/,
use: {
loader: 'expose-loader',
options: 'jwplay
浏览 0提问于2017-05-12得票数 1
我正在创建自己的webpack入门模板，在我最近的调优中，我以某种方式阻止了构建版本的工作，但我不知道出了什么问题，也不知道如何调试它，因为没有明显的错误消息等等。
在我的package.json中有：
"scripts": {
"start": "webpack-serve --open --config webpack.dev.js",
"build": "webpack --config webpack.prod.js"
},
我的start脚本运行良好。构建脚本不起作用。
构建脚本在
浏览 2提问于2018-07-02得票数 1
1回答
我有一些设置，我在这里复制了它: jsfiddle.net/vtWsU/9/
基本上有列表项，每个列表项(不是必须的)都有1到2个'a‘标签。我想让'a‘标签浮动在右边的同一行上。它在IE9和IE8中工作得很好(在IE8的这个小提琴示例中，由于某种原因，它搞砸了，但我在我的完整示例中让它工作了)，但IE7仍然是一个问题。
如果可能的话，我想让它在不添加新元素的情况下工作。
谢谢!
浏览 0提问于2012-02-23得票数 0
回答已采纳
1回答
我尝试在《Webpack 2》中使用以下语法：
import someSvc = require("./some.svc.js");
但是我得到了一个错误：
error TS2307: Cannot find module './some.svc.js'.
我做错了什么？！如何在Webpack 2中导入我的js模块？
为了全面起见，我将我的项目简化为最小的示例，并将提供以下文件：
webpack.config.js
var path = require('path');
module.exports = function makeWebpack
浏览 2提问于2016-10-22得票数 1
多亏了VueCLI (+ Vuetify)，我建立了一个小小的前台。
我想渲染一个按钮，让onClick打开一个新的标签，其中的pdf位于项目的文件夹树中。
我有一个错误，花了几个小时寻找原因，它似乎是一个webpack配置修改。
我终于在S/O上读到了这个答案；
但是我收到一个错误，说是include: paths -> paths is not defined
我不得不承认我不知道webpack在幕后是如何工作的，所以我会找到任何帮助的。
浏览 0提问于2017-09-15得票数 3
我正在尝试使用webpack修改当前的一个项目。在我的脚本中，我使用了lodash库，但是我也有一些不是在ES6上编写的脚本，所以我使用一个普通的脚本标签来全局加载lodash。基于webpack的文档，我在webpack (https://webpack.js.org/configuration/externals/)上添加了以下配置。 lodash : {
commonjs: 'lodash',
amd: 'lodash',
root: '_' // indicates global vari
浏览 56提问于2019-05-13得票数 3
我有一个反应应用程序与自定义webpack设置。为了在我的环境上进行开发，我让它的设置工作得很好，但现在我想要创建它的对接图像，并在生产模式下使用我的应用程序。但我不知道该怎么做。我一直在网上查找信息，发现了一些像这样的教程。但是他们使用了一个多阶段的Dockerfile并用nginx完成了它。我现在并不关心这个问题，我只想要一个简单的Dockerfile，它可以让我的生产代码在容器上运行。
在此过程中遇到了不同的问题，但已经克服了这些问题，现在我已经有了一个Dockerfile，它可以创建我工作的映像并在容器中成功运行。但是现在UI不会加载。在这个阶段，我处于放弃的边缘，因为这似乎是基本的事
浏览 1提问于2021-09-30得票数 1
是否可以使用WebStorm来开发HTML+JS项目，而无需为babel/gulp/grunt/webpack或类似工具编写我自己的(越来越多)复杂的配置脚本？
我不需要复杂的框架(如角度或反应)，但是导入多个ECMAScript 2015文件，调试和部署仍然是可能的。
我在WebStorm 2016.1.3中找到了几个设置，它们似乎集成了一些工具，但它们似乎没有(自动)建立一个与Visual类似的工作开发系统？
编辑：-我希望看到我的网页在铬和调试JS在WebStorm。
浏览 3提问于2016-06-09得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
