1回答
我试着用express来配置webpack。但在浏览器cosole中的bundle.js中，我看到了与html文件中相同的代码，而不是预期中的js。这是我的服务器配置：
const express = require('express');
const app = express();
const http = require('http');
const webpack = require('webpack');
const webpackConfig = require('./webpack/webpack.config');
浏览 2提问于2017-03-25得票数 0
1回答
webpack窗口无效字符
、、、、
我正在创建一个简单的反应项目，使用webpack，npm和babel。我能够使用npm安装所有的依赖项。当我试图启动webpack-dev服务器时，它出错了.有谁能给我建议一条出路。我使用package.json中定义的npm命令来启动
这是我的webpack.config.js
var webpack = require('webpack');
var path = require('path');
var config = {
entry: "D:\github\UI\ReactWebpackBabel\app\index.jsx&#
浏览 2提问于2017-10-17得票数 1
回答已采纳
当我在angular-cli环境中使用ng build时，JS包文件的大小从2.8MB降到了400Kb。
我有一个非angular项目，其中模块捆绑是使用webpack执行的。我试过使用webpack -p，但由于angular ng build的缘故，它的大小并没有太大的减少。
我已经在webpack配置中用过DedupePlugin和UgligyPlugin了
谁能告诉我在ng build内部发生了什么，以及如何使用webpack来实现同样的目的？
有没有办法实现类似于ngbuild的gzip压缩？
浏览 1提问于2017-05-03得票数 1
2回答
在这里，我想在我未来的react/webpack应用程序中使用Docker，但我无法正确配置Webpack和/或docker以使重新加载工作(webpack-dev-server )。 我真的不明白为什么，配置对我来说似乎还可以，也许是我的"start“命令不好？ Dockerfile配置如下： FROM node:11-alpine
WORKDIR /app
COPY package.json /app
RUN npm install
COPY . /app
CMD npm start
EXPOSE 8081 这里是Webpack.config.js： const HtmlWe
浏览 51提问于2020-07-27得票数 1
我在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
回答已采纳
我只是试着用Node开发Microservices的示例代码，它说：
var express = require('express')
var bodyParser = require('body-parser')
var cookieParser = require('cookie-parser')
var methodOverride = require('method-override')
var seneca = require('seneca')()
var argv = require('opt
浏览 4提问于2016-10-12得票数 1
回答已采纳
我在github上学习了以下教程：
我安装了node+npm并运行了npm install。克隆git存储库，运行npm install，然后当我想运行npm start时，它会失败并显示错误消息。
这是调试日志
0 info it worked if it ends with ok
1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli 'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 ver
浏览 0提问于2016-02-16得票数 0
1回答
我使用以下内容创建了一个react应用程序：
创建-反应-应用程序-应用-应用-脚本-版本=反应-脚本-ts
来自以下示例：
我试着补充：
if (module.hot) {
module.hot.accept();
}
但是只有在更改嵌套组件时才会得到完整的页面刷新。
例如，我创建了如下组件：
const MediaGrid = (props: any) => {
return (<div>hello</div>);
}
并将其放置在根组件中：
class Home extends Component<{ }, { }>{
浏览 1提问于2018-06-04得票数 6
回答已采纳
我正在尝试从安装Vuetify模板
我写道：
vue init vuetifyjs/webpack ad-project
vue-cli·未能下载repo vuetifyjs/webpack:响应代码404 (未找到)
我做什么好？我在哪里能找到它？
浏览 2提问于2019-01-01得票数 1
回答已采纳
我使用webpack来构建react项目，分离字体和图像以及其他媒体文件。当html显示时，main.js将自动获取资源。如果SPA html和js文件位于不同的域中，则浏览器会显示“Access-Control-Allow-Origin”错误消息。我该怎么解决它呢？
浏览 0提问于2018-06-28得票数 0
我得到一个空白的html文档。但是，当我查看src代码时，我看到我的脚本标记引用了dist/app.js，这是我捆绑的代码。
这是我的webpack，这是我的index.html
另外，这是我的文件夹结构。
/dist/app.js
/node_modules
/src/index.js
index.html
package.json
webpack.config.js
var ExtractTextPlugin =require(‘提取-文本-webpack-插件’)；
module.exports = {
entry: {
homepage: './src/index.
浏览 1提问于2017-09-16得票数 1
2回答
我们在ng角应用程序中使用harp.gl，但在连接数据源时遇到了困难，其方式与我们在纱线演示中使用的方式相同。
我们将数据源创建为：
const dataSource = new OmvDataSource({
baseUrl: "https://vector.hereapi.com/v2/vectortiles/base/mc",
apiFormat: APIFormat.XYZOMV,
styleSetName: "tilezen",
authenticationCode: apikey,
authenticationMethod
浏览 3提问于2020-06-19得票数 1
1回答
我正在尝试使用webpack运行vue，但是当我运行webpack时，index.html在我的代码中显示一个空白的page.whats错误？
index.html
<html lang="en">
<head>
<meta charset="utf-8">
<title>Vue Example</title>
</head>
<body>
<div id="app">{{ message }}</div>
浏览 2提问于2017-04-30得票数 0
如果这是盖茨比，webpack或npm的问题，我还不明白。
我在终端中执行了这些命令，它们似乎启动了这个问题，试图修复一个有“无法找到模块”错误的资料-ui "Popper“模块。
npm install react-popper@next --save
npm install avj
npm install --save-dev webpack
npm install & npm update
航站楼：
错误--加载本地develop命令时出现问题。不可能安装盖茨比。也许你需要运行"npm安装“？
Error: Cannot fin
浏览 0提问于2018-08-10得票数 1
回答已采纳
1回答
我是一个HTML/CSS/PHP/MYSQL程序员，现在正在尝试学习一些javascript。我正在通过挖掘我目前使用的webmail (开源)的代码，并试图理解它是如何工作的。我正在尝试理解页面的不同部分是如何加载的(没有页面重新加载，在PHP中就会得到)。如果我没记错的话，那就是利用了webpack。如果我没记错的话，页面的每个部分都是作为模块加载的。
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
浏览 1提问于2015-02-28得票数 18
回答已采纳
2回答
我正在为一个项目使用webpack。它可以很好地编译打字脚本，但是它似乎忽略了sass文件。sass文件存储在项目目录的'./build/sass‘中。
运行webpack时，输出为：
Hash: dc64dbebfd6ff9cb2a38
Version: webpack 1.13.2
Time: 1201ms
Asset Size Chunks Chunk Names
bundle.js 1.7 kB 0 [emitted] app
[0] multi app 28 bytes {0} [built]
+ 1 h
浏览 16提问于2016-09-23得票数 3
当我试图在我的项目中实现类型记录时，我遇到了一些麻烦。
用Webpack和Babel传输和捆绑文件
babel-loader与@babel/preset-typescript的结合
不使用tsc
这些是我的秘密。
webpack.dev.js
const config = {
// (...) BUNCH OF OTHER CONFIG LINES
module: {
rules: [
{
test: /\.(js|jsx|ts|tsx)$/, // USE THE babel-loader FOR T
浏览 5提问于2020-07-29得票数 4
回答已采纳
我有一个项目用到了webpack .It是一个角度项目https://github.com/cornflourblue/angular-8-registration-login-example howw为此生成服务 当我这样使用的时候 ng g service rest-api 获取错误为 The generate command requires to be run in an Angular project, but a project definition could not be found.
浏览 51提问于2020-01-28得票数 0
我有一个TypeScript项目，它成功地使用了Webpack来生成ES6，它通过babel-minify来摇动它，并生成一个小得多的包输出文件。
这个文件似乎包含来自我自己的程序的所有逻辑，以及我正在使用的每个导入库的逻辑(例如，rxjs、lodash等)。
然而，我看了一下生成的文件，似乎在顶部有一些webpack逻辑，然后是原始导入的路径到实现它的函数的映射，嗯，实际上一直往下映射了很多，各个部分指向依赖项和它们的路径字符串。
现在，假设所有内容都包含在这个webpack包中(没有其他块)，包含所有源文件名似乎不必要地占用了大量空间。
例如，我在这里查找lodash的isBoolean脚
浏览 0提问于2017-09-08得票数 0
我创建了一个带有react的web3应用程序。由于我现在需要一个用于其他数据操作的额外的集中式后端，所以我想使用laravel。
我有以下文件夹结构：
我创建了以下文件来编译这个应用程序：
webpack.mix.js
const mix = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|----------------------------------
浏览 7提问于2022-03-29得票数 1
3回答
每当我想要构建一个文件时，我总是会收到错误。原因是什么？webpack似乎无法识别.vue文件，但是webpack配置文件看上去是正确的。webpack误差
bundle-app.js 189 kB 1 [emitted] app
+ 12 hidden modules
ERROR in Unexpected token >
@ ./app/application.js 7:11-31
webpack.config.js
var path = require("path");
module.exports = {
context: p
浏览 4提问于2017-03-19得票数 9
回答已采纳
我正在尝试测试我的路由解析器，在测试时，我得到了TypeError: ctor is not a constructor，并且不知道为什么会发生这种情况，而类型记录编译时没有错误。
TypeError: ctor is not a constructor
TypeError: ctor is not a constructor
at _createClass (http://localhost:9877/_karma_webpack_/vendor.bundle.js:42355:26)
at _createProviderInstance$1 (http://localhos
浏览 11提问于2017-06-16得票数 97
回答已采纳
1回答
我在reactJs方面是新手，我使用webpack-dev-server编译和检查我的代码，问题是当我将样式表作为导入的文件添加到源代码中时，结果显示一切都很好，而且在输出文件夹中，我已经导入了bundle.js文件更新，但是没有样式表文件的迹象--我的问题是css文件发生了什么变化？有必要去那里吗？或者样式是由输出js文件组成的？因为当我移动文件时，它再次正常工作，没有任何问题。tnx
浏览 1提问于2019-06-18得票数 0
回答已采纳
因为我想调试服务器端的SSR(服务器端呈现)代码，使用代码。目前，它只对捆绑文件进行调试。这样做有点乏味。因此，在运行SSR时，我正在尝试调试实际文件。
请建议任何方式或Visual代码午餐设置配置。
当前在午餐设置中使用配置 :-
{
"type": "node",
"request": "attach",
"name": "Attach by Process ID",
"protocol": "
浏览 6提问于2020-10-01得票数 1
我使用的是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
2回答
webpack的构建错误
、、、
当我跑webpack的时候，我遇到了一个错误，我似乎找不到原因。
Entrypoint main = bundle.js
[0] ./client/client.js 224 bytes {0} [built] [failed] [1 error]
[1] multi ./client/client.js 28 bytes {0} [built]
WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production'
浏览 1提问于2018-04-14得票数 0
回答已采纳
3回答
IIS中托管了一个.NET web应用程序。此.NET web应用程序承载一个角度应用程序。这导致这些应用程序(.NET和that )由IIS在同一个端口上服务。需要在同一个端口上服务，因为它们使用相同的会话cookie。也是同一个CI/CD管道的一部分，还有其他原因。
但是，这导致我无法调试类型记录，只有javascript是可用的，因为我在源代码中没有可用的webpack (我有源代码地图)。原因是我使用ng build而不是ng serve来构建我的应用程序。如果我使用ng serve，角度应用程序在不同的端口上服务，并且我在webpack目录中的Chrome目录中有所有的类型记录源，在
浏览 4提问于2017-08-25得票数 0
我试图使用微前端在React主机中将不同的前端技术连接在一起。 我设法将react、vue、VanillaJS应用程序连接到React主机，但我无法理解Ember，因为vue、Vanilla不是框架，所以使用webpack ModuleFederationPlugin很容易将它们连接起来。 我试过在互联网上搜索它，但没有找到任何帮助，是否可以将Ember JS应用程序连接到基于react的主机环境(使用模块联合)？ 如果是的话，我想看看网上有没有这个例子。(github或沙盒链接)
浏览 24提问于2021-10-26得票数 0
如何和webpack一起使用npm中的CKEditor？
理想情况下，我希望先使用npm install ckeditor --save，然后使用var CK = require('ckeditor');，而不需要任何全局名称空间污染。
浏览 55提问于2015-04-17得票数 21
回答已采纳
我是vue js的新手，我想做一个gis app，我使用webpack+vue和一个geojson文件作为底图。不幸的是，当我试图编译它时，我得到了错误消息：
Module parse failed: Unexpected token (2:6) You may need an appropriate loader to handle this file type.
这是我的代码：
export default {
data: function () {
return {
map: null,
bounds: null,
zo
浏览 3提问于2018-09-27得票数 1
我从Angular 2 RC5和PrimeNG 1.0.0-beta.13测试版开始。我以xModules的形式加载PrimeNg组件，显示数据表、输入、SelectItem、按钮、模态没有任何问题。然而，当我尝试使用TabView或Accordion时，我得到了这个错误。
未处理的Promise rejection:模板解析错误：'p-accordionTab‘不是已知元素：
我在@NgModule中导入了TabViewModule。目前，我更新了我的应用程序，使用Angular 2.0.0 (最终版)和PrimeNg beta.16 (最新版)，但仍然有错误。我正在使用webpac
浏览 22提问于2016-09-20得票数 20
2回答
我正在尝试在React JSX文件中使用Foundation创建一个简单的两列页面。我已经导入了SCSS文件并测试了一些功能(即按钮，它的样式设置正确)，但我无法让两列并排对齐。你知道为什么这些柱子堆叠在一起而不是并排坐着吗？
我的index.jsx文件
var React = require('react');
var ReactDOM = require('react-dom');
require('jquery');
import './styles/app.scss';
// Load foundation
requi
浏览 1提问于2017-07-16得票数 2
我有一个有2个捆绑包的应用程序，react等常用模块被提取到一个供应商捆绑包中。我正在添加第三个包，我不想从中提取公共依赖项。这有没有可能。
这个问题与相关，但是这是关于为每个入口点创建多个供应商捆绑包，而我希望其中一个捆绑包不需要供应商。在我的例子中，这是因为脚本是一个简单的站点验证脚本，它被设置在头部中，因此将在vendor捆绑包之前设置。但是，我仍然希望能够使用此head包中的模块。
const webpack = require('webpack');
const path = require('path');
const config = {
e
浏览 18提问于2017-02-16得票数 0
2回答
我最近完成了将Webpack添加到我的Angular2 web应用程序中，并且我遇到了一些外部库变量的问题。
我想使用例如moment.js和我需要声明的时刻，我过去做它像declare var moment，但是在webpack转换之后，我必须添加一个脚本导入来得到它，所以<script src="./../node_modules/moment/min/moment.min.js"></script>
问题是，当我想构建要部署在测试或prod中的应用程序时，它仍然尝试从./../node_modules/moment/min/moment.min.j
浏览 3提问于2017-03-14得票数 2
回答已采纳
我已经阅读了很多关于React服务器端渲染的文章和研究，使用了Webpack，Express等常见的设置。大多数组件使用React + ES6，将babel-register放在快速入口点的开头，以允许在客户端和服务器之间共享用ES6编写的React路由。其他的，运行babe-node来解决这个问题。不幸的是，不建议将babel-register或babel-node用于生产环境，显然建议将其编译为单独的文件用于生产环境。
// As an example, demonstrating that `production` should not
// require babe-register,
浏览 11提问于2017-02-23得票数 0
我想在Angular 2应用程序中使用gmaps.js外部库。我使用Webpack来加载我的模块。
有没有人能帮我看看我是怎么做到的？
先谢谢你……
浏览 4提问于2016-05-13得票数 1
1回答
我正在做一个关于Vue.js的教程，并遇到这个问题。当我试图在main.js中导入路由器时，会出现此问题。当我运行服务器时，我得到了这个错误。
控制台上的错误：
Uncaught TypeError: Cannot read property 'use' of undefined
at eval (main.js?56d7:6)
at Module../src/main.js (app.js:1475)
at __webpack_require__ (app.js:849)
at fn (app.js:151)
at Object.1 (
浏览 1提问于2021-03-29得票数 0
我正在尝试一个使用bower和moment库的非常简单的示例。
在我的.ts文件中
import * as moment from "./bower_components/moment/moment";
它会生成
Object.defineProperty(exports, "__esModule", { value: true });
var moment = require("./bower_components/moment/moment");
它不能在浏览器中工作。
我通过使用import进行调试来解决这个问题，而不是将它更改为
decl
浏览 1提问于2017-06-06得票数 0
1回答
因此，我正在用一种我从未使用过的语言(Optimizely和React)完成一项任务。 正如你在下面看到的，根据返回值的不同，我有两个不同的if语句，返回值很好。我可以在调试时看到这是很好的，所以这方面似乎是最好的工作。似乎发生的情况是，main函数在.then完成之前就结束了，导致了一个错误： Uncaught Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but
浏览 22提问于2019-04-15得票数 1
2回答
现在，我只是想在基本的hello world应用程序中添加电子邮件(嗯，我确实在aurelia cli中调整了一些选项，但它仍然只在hello world webpack+typescript中)。
我现在的尝试是使用，我得到的是一个死亡的白色屏幕。我也可以得到一个黑屏的死亡，如果我排除了渲染器，它找不到任何资源文件在这种情况下，它正在寻找他们在错误的路径。
这是我的src/main/app.ts
import { app, BrowserWindow } from "electron";
import * as path from "path";
let m
浏览 24提问于2020-02-08得票数 1
回答已采纳
我是新的反应JS设想构建图表组件。我读过关于WebPack、核心库和npm的文章。我能得到一些关于编写基本组件的先决条件、IDE和指南的帮助吗？
浏览 0提问于2017-08-01得票数 1
回答已采纳
2回答
我有npm和webpack的react应用程序。我正在尝试将单元测试添加到其中。
我使用的是index.html中包含的CDN中的jQuery，而不是node模块。
我在一个添加了单元测试用例的组件Test1中使用了jQuery。
现在，当我执行测试用例时，我收到错误消息，说ReferenceError: $ is not defined我知道Jest不能解决这个问题，因为我没有在组件中导入jQuery导入。
问题是，如何让Jest了解外部JS？
浏览 2提问于2016-11-02得票数 9
回答已采纳
是否可以为下面的webpack场景配置流类型(.flowconfig)？
我的场景：
我有两个文件夹的javascript源代码(核心和主题)，主题可以覆盖每个文件从核心范围。因此，我可以在内核中有一个错误记录器，但是有一个实现需要做非常定制的事情，所以我将在主题内创建一个记录器，webpack模块加载程序将返回主题文件而不是核心文件。
所以我有3个模块的位置
node_modules
src/js/主题
src/js/core
当从我的源代码加载一些东西时，我编写的是Path/To/Module而不是./Path/To/Module。这很管用..。但是我使用flow来检查
浏览 0提问于2018-05-15得票数 1
1回答
未定义Angular2装饰器
、、、、
我的项目是用webpack构建的，但是当我从本地主机托管应用程序时，我会出错。
未定义ReferenceError：__decorate未定义。
最初，我使用可注入()装饰器获得错误。但当我取消评论时，我得到了相同的错误，但与扩展。
我创建了一个复制错误的回购程序。
我怀疑这与输入有关，因为当我不得不更改这些定义时，问题就开始了。
typings_orig.json有原始的类型定义
我不知道发生了什么事。希望有人能照亮这件事并帮助我。
谢谢。
浏览 3提问于2016-02-26得票数 2
回答已采纳
我有一个完美的项目，是用TS写的，我必须将它转换成普通的JS，它在大部分情况下都是有效的。我正在努力的问题是在文件被合并和缩小后删除默认的WebPack加载器，WebPack包括一个最终输出的加载器，即使我不需要加载器，因为所有的文件都被组合成一个大文件。 + filea.js
+ fileb.js
+ filec.js
+ filed.js
-> output bundle.js 我读过一些文章/帖子，建议手动创建一个配置文件，提供将合并和缩小的每个文件的名称，这可能可以正常工作，但问题是我正在处理的项目被分成小块(模块)，以便像WebPack这样的工具可以足够智能，并知道何时应该将
浏览 44提问于2020-01-10得票数 0
1回答
这个问题很可能已经有人问过了，但是因为我自己找不到关于这个问题的信息，所以我向社区寻求帮助这个问题如下:如何在不使用汇编程序(webpack和其他)的情况下将react添加到node.js、express、mysql上的现有项目中.I还想要一些链接，指向如何在node.js中使用babel(将babel文件转换为js等)，在使用react时创建正确的项目层次结构，<代码>D9，以及与它们的其他依赖关系。 PS。对不起，如果这样的问题已经存在，我只是在深入研究它
浏览 49提问于2020-04-01得票数 0
因此，我目前正在学习的反应和webpack，以便我可以执行到我现在的网站。我已经建立了一个phpmyadmin数据库，它输出了我想在我的站点上显示的信息，但是我不知道如何在编程时将我的用户名和密码隐藏到数据库中。我习惯于使用php与我的数据库总线交互，因为react纯粹是javascript，我不知道该做什么。
浏览 0提问于2019-07-16得票数 2
回答已采纳
我正在尝试在我的Angular2项目中基于angular2-webpack-starter ()来配置PrimeNG。
我使用npm install安装了PrimeNG和PrimeUI，然后添加了必要的类型作为环境依赖：
"jquery": "github:DefinitelyTyped/DefinitelyTyped/jquery/jquery.d.ts#470954c4f427e0805a2d633636a7c6aa7170def8",
"jqueryui": "github:DefinitelyTyped/DefinitelyTyp
浏览 4提问于2016-04-12得票数 0
3回答
关于使用Vue (vue-loader) + Webpack和
示例： (on dev / source)
let textColor = chromatism.contrastRatio('#ffea00').cssrgb // => rgb(0,0,0)
能否告诉Webpack将转换为rgb(0,0,0) on build version
因此，在构建版本中，应该转换为：(对于)
let textColor = 'rgb(0,0,0)'
浏览 8提问于2017-06-26得票数 8
回答已采纳
这是模糊的-我事先道歉，我试图用我有限的理解尽可能简洁，同时暴露我可能不正确的假设。
我有一个网站，字面上是一个巨大的HTML文件。它运行在<scripts>标记中以行定义的脚本.
我的目标是将所有脚本移动到单独的.js文件中，并将它们拖到index.html中(或者在需要时相互转换)。我熟悉Node's require的用法，也熟悉 (角)中的用法。我强调使用，因为我真的不知道它们是如何工作的。
假设1：我不能使用require --它纯粹用于Node.js。我之所以提出这个问题，是因为我确信我已经在AngularJS 1.5代码中看到了require，所以假设让我感到不
浏览 0提问于2018-12-01得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
