1回答
我试图引用来自requireJS模块的测试Jquery插件，但由于某种原因，它似乎无法工作。
我这样说:这是我的自定义插件：
test.js
$.fn.testfunction = function(){
alert();
};
我指的是
effects.js
define(['jquery', 'step1', 'global', 'test'], function($, step1, global, test){
$('body').test();
});
最后是我的m
浏览 0提问于2016-04-02得票数 1
我使用TypeScript和Webpack来做我的不和谐机器人。在我尝试使用discord-buttons之前，它的编译没有任何问题。 我找到了一些关于discord.js，TypesScript和Webpack的问题和答案。但他们中没有一个人提到过不和谐按钮。 我的webpack配置文件中的module.exports如下所示： entry: {
index: {
import: "./src/index.ts",
dependOn: ["discord", "buttons"]
},
di
浏览 24提问于2021-07-24得票数 0
回答已采纳
1回答
我试图使用browserify来连接我所有的JS依赖项和JS源，我知道我可以使用两种方法。
方法1
browserify.js
entries: './single-entry.js'
./single-entry.js
require('./vendor/1');
require('./vendor/2');
require('./vendor/3');
方法2
browserify.js
entries: ['./vendor/1', './vendor/2', './vendor/3
浏览 1提问于2014-09-22得票数 0
1回答
我想使用WebPack构建我的JavaScript应用程序。应用程序应该部署在几个站点上，通过几个不同的修改。因此，我将配置设置为使用多个入口点，每个站点一个：
entry: {
s1: "s1",
s2: "s2",
s3: "s3"
},
应用程序还使用了几个依赖项，这些依赖项是通过AMD模块加载的(我以前使用过RequireJS )：
c1
c2
...
假设s1同时需要c1和c2，而s2只需要c1。构建工作正常，它创建s1、s2和s3作为入口点，并根据站点的需要创建几块包含各种组件组合的块：
/* s1 */
define([
浏览 2提问于2016-03-01得票数 1
1回答
可以有多个入口点对应于webpack.js中的多个输出点吗？
例如。
module.exports = {
entry: './pathA1/fileA1',
output: {
path: './pathA2',
filename: 'fileA2'
},
entry: './pathB1/fileB1',
output: {
path: './pathB2',
filename: 'fileB2
浏览 4提问于2017-04-05得票数 0
我使用LitElement + WebPack创建了一个包含大约25个自定义Web组件的库。库包含组件(例如上下文菜单组件)和视图(例如，也使用上下文菜单组件的自定义表)。
到目前为止，所有组件和代码都在一个javascript文件中。为了使包更加模块化，我创建了第二个入口点。现在，所有ui组件都有它们的依赖关系图以及特殊的矩阵表视图。
entry: {
'ui-components': './src/index.js',
'view-matrix': './src/view-matrix.js'
},
在WebPack
浏览 7提问于2021-01-27得票数 2
1回答
我想把我的反应应用分成两部分。将有一个登录页面来验证一个有效的用户，一旦经过认证，我将呈现实际的web应用程序。要做到这一点，我想我需要两个html文件。
我估计每个html文件可能会使用两个不同的包。所以我的login.html可能会使用以下脚本..。
<script type="text/javascript" src='./scripts/bundle.js'></script>
我的index.html会用..。
<script type="text/javascript" src='./script
浏览 2提问于2016-10-09得票数 1
回答已采纳
我正在查看在sound-redux中找到的源代码，这是在github上找到的repo：。在浏览webpack.config.js时，我不知道entry.main在做什么。
module.exports = {
// ...
entry: {
main: [
'./scripts/main.js',
'webpack-dev-server/client?http://localhost:8080',
'webpack/hot/only-dev-server'
]
}
/
浏览 4提问于2016-09-08得票数 1
1回答
我正在学习webpack和babel，有些东西让我很困惑。
在大多数情况下，我看到的配置文件的输入和输出如下：
entry: { main: './src/index.js'},
output: {
path: path.resolve(__dirname, "dist"),
filename: 'bundle.js'
},
这是完全合理的，但是如果您想要将多个js文件编译到dist中呢？例如，如果您有多个正在导入和导出的js文件，该怎么办？
据我所知，许多人会使用webpack的React，所以只
浏览 0提问于2018-07-21得票数 3
回答已采纳
我正在学习如何与webpack一起使用模块。我相信我现在明白了，如果一个模块从另一个模块调用一个方法，那么它必须被导入。
我不明白的是，当多个模块调用另一个模块中定义的方法时，我该怎么办？
处理此场景的正确方法是将所需模块导入到每个js模块文件中吗？
isObject.js
const isObject = (a) => (!!a) && (a.constructor === Object);
export {isObject}
findNote.js
import {isObject} from './isObject';
const findNot
浏览 6提问于2019-09-24得票数 0
1回答
我正在创建一个非SPA网站，我想使用webpack，但当我有多个输入文件和多个输出文件时，我无法实现这种情况。我的输入文件有以下结构：
-/front -app.js -/js -main.js -login.js
我希望输出是：
-/web -/bundles -main.js -login.js
下面是我的webpack.config.js的开头：
module.exports = {
context: path.resolve('src/front'), // main webpack folder
entry: [&#
浏览 1提问于2017-06-01得票数 4
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
回答已采纳
由于在开发项目时学习了角2，所以我没有像我应该包含的那样包含路由。我有一个引导一个组件的main.js文件和另一个引导第二个组件的main2.js文件(我现在知道我应该从一个页面路由它们，但是我们已经深入到了这个项目中，它会导致备份(但是如果需要的话)。我试图使用webpack来捆绑代码‘可加载’(sp?)。
这是我的webpack.config.js文件：
var path = require( 'path' );
var webpack = require( 'webpack' );
module.exports = {
entry: ".
浏览 5提问于2017-07-11得票数 4
回答已采纳
我试图使用Gulp、Browserify和Babelify编译多个ES6文件，并将其转换成一个可以与其他开发人员共享的JavaScript库。
我试图使用多个ES6源文件，每个源文件都使用。我希望它们都封装在一个类/函数中，就像一个‘命名空间’。
似乎就是为了做到这一点而设计的，但我只能在只有一个输入文件的情况下才能让它工作。当有多个带有导出的源文件时，我无法将它们全部包含在“命名空间”类中，并且无法控制哪个源文件的导出最终被选择在“命名空间”类中。
在本例中，a.js和b.js是源文件，我希望它们被捆绑在一个名为TestModule的“命名空间”类中。
a.js
export functio
浏览 3提问于2020-01-03得票数 3
回答已采纳
1回答
我有一些js文件，每个文件都是一个具有唯一名称的独立函数，我想将所有这些文件打包到一个包中，所以我执行以下代码
module.exports = {
entry: {
app:[
'./file1.js',
'./file2.js',
'./file3.js',
'./file4.js'
],
},
output: {
path: './dist/'
浏览 0提问于2016-06-16得票数 3
我遵循了中的步骤，并能够让它正常工作。
但是我想要的是每个模块都有一个单独的文件。
我尝试在webpack.common.js中为每个模块添加一个新的入口点，但是在构建应用程序时它会返回一个错误。
module.exports = {
entry: {
'polyfills': './src/polyfills.ts',
'vendor': './src/vendor.ts',
'app': './src/main.ts',
&
浏览 2提问于2016-11-17得票数 1
回答已采纳
使用webpack是否可以将ReactJS作为一个单独的库？
例如，在webpack.config.js中，我添加了以下内容，以确保react和react-dom不与应用程序绑定：
externals: {
"react": "React",
"react-dom": "ReactDOM"
},
但是，我需要部署前可用的react库。webpack是否可以将react库作为一个单独的文件复制或包含？
浏览 7提问于2017-11-26得票数 0
回答已采纳
我是新来的，我很难理解如何才能访问在entry中添加并使用json-loader加载的json文件的内容
entry :
en: {
`${config.basePaths.tmp}script.js`,
`${config.basePaths.tmp}en.json`
}
},
output: {
publicPath: '/js/',
path: `${config.paths.scripts.dist}`,
filename: `[name].script.js`
},
module: {
loaders: [
{
浏览 3提问于2017-03-04得票数 0
我在asp.net核心和jquery+js库中为我的“前端”构建了一个项目。我有大约20个单独的HTML页面，每个页面都有一些导入到其中的js脚本。我一直试图利用webpack，使整个过程中知道哪一个订单包括js文件更容易和更精简。我有一个vendor.js，它是我使用的所有第三方库的包，比如layout.cshtml中包含的BS、jquery。我还有20个入口点，每个HTML页面都有一个入口点。THis运行得很好，但是webpack的特点似乎是你只能有一个或几个入口点，所以它很容易维护。
如果每个页面都有自己的一组不同的jquery侦听器，那么我应该如何使当前的设置只使用一个入口点(main
浏览 2提问于2021-06-14得票数 0
回答已采纳
我正在启动一个react项目(使用create-react-app)，其中将包含多个“一页”组件。因此，我假设用于开发的目录结构如下所示：
/Project
/node_modules
/public
/src
/components
/layout
/popup
...
/pages
/dashboard
index.js
/profiles
index.js
...
如果我在没有任何修改的情况下构建项目，它会将所有源代码和资源捆绑在一个目录下。好吧，对于我
浏览 0提问于2018-08-17得票数 1
我的webpack设置不会生成外部css文件。不过，它将我的.js捆绑得很好。我正在使用ExtractTextPlugin，它仍然不起作用。不会产生错误。如有任何帮助，将不胜感激！
这里是我的webpack.config.js
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var path = require('path');
module.exports = {
entry: './client/app/root.js',
output: {
浏览 0提问于2015-12-29得票数 0
回答已采纳
3回答
context: path.join(__dirname, 'resources/assets/bundle/js'),
entry: [
'webpack/hot/dev-server',
'webpack-hot-middleware/client',
'./*.js'
]
以上代码是否有效？而不是指定每个文件，如
context: path.join(__dirname, 'resources/assets/bundle/entries'),
entry: [
&#
浏览 4提问于2017-02-15得票数 0
回答已采纳
如何利用webpack从几个剧本中制作一个包？我试图指出几个条目，但只包括最后一个，其他只是没有看到如何发挥作用。
那是我的app1：
function setCats() {
alert('cat');
}
exports.setCats = setCats;
我的app2：
function setDogs() {
alert('dog');
}
exports.setDogs = setDogs;
我的index.html：
<!DOCTYPE html>
<html>
<head>
<
浏览 4提问于2016-08-02得票数 0
1回答
假设我有一个这样的图书馆：
src
--- component1
-------- component1.scss
-------- component1.js
--- component2
-------- component2.scss
-------- component2.js
我希望将每个组件作为一个独立的包分发，而不是作为整个应用程序(component1 + component2 +等)的公共包分发：
dist
--- component1
-------- bundle1.js
--- component2
-------- bundle.js
仅仅使用一个we
浏览 3提问于2016-12-22得票数 9
回答已采纳
我正在做一个项目，需要CSS和JavaScript代码在不同的文件中编译。
我有一个JavaScript源文件-- <root>/src/js/main.js --按预期编译成<root>/dist/main.js。
webpack配置文件如下所示：
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
var path = require("path");
module.exports = {
mode: 'development',
entr
浏览 9提问于2022-04-18得票数 -1
回答已采纳
2回答
我目前正在使用Webpack打包我们的Angular2应用程序，我正面临一个问题。
我读过几个文档，但无法实现如何使用文件加载器复制输出目录中的一些文件。
下面是我当前的文件层次结构：
config
| - webpack.common.js
app
|- static
| - css
| - ...
| - fonts
| - ...
| - img
| - someimage.png
| - anotherimage.png
|- m
浏览 5提问于2016-05-20得票数 1
回答已采纳
预编译函数应用程序中可以包含多个功能吗？
读取时，详细说明如何使用functions.json指向dll中的入口点。
但是，在一个functions.json中能有多个入口点吗? ans会在一个DLL中公开多个方法吗？
浏览 5提问于2017-04-26得票数 1
回答已采纳
如何在clojurescript中实现$(document).ready(function(){})。我试过这个：
(. ready js/document ());;but i am trying to achieve the callback function
但在我看来不对。有什么想法吗？
新的结束语，所以我有点困惑，如何做到这一点。
浏览 5提问于2016-02-29得票数 6
回答已采纳
这看起来就像@rossta为回答的问题，但我不理解这个问题，也不太好地回答他的建议。
错误是：Uncaught TypeError: L.timeline is not a function at Object.success (mapTwo.js:14)第14行是var timelineData = L.timeline(data_data, {。下面是完整的代码。
我删除了在Rails 5.2和控制台中工作的传单宝石
yarn add leaflet
yarn add leaflet.timeline
和代码：
// app/javascript/packs/application
浏览 4提问于2020-01-09得票数 0
回答已采纳
我在一个网站上有多个子页面，使用的是webpack和嘟嘟声。这是我的Gruntfile.js中的webpack配置。
我想用webpack来处理所有的子页面JS文件。
webpack: {
dev: {
entry: {
test: "./src/js/test.js",
index: "./src/js/index.js",
},
output: {
path: '
浏览 0提问于2015-12-03得票数 2
2回答
假设我有一个组件数组，它们需要列出自己的源代码，因为它们不会总是包含在一起，它需要自己的捆绑包。这个想法是，最终将有100个组件，他们可以随时樱桃挑选。
然而，当使用带gulp的时，即使我是动态注册任务，而且我可以看到它们是按顺序运行的，但从外观上看，它只运行一个webpack流，但似乎将它的捆绑输出从第二个组件输出到第一个组件目录中。
这是一个非常简单的构建过程，它是一个组件数组，如下所示：
var components = [
{'name : 'a', src : './foo/bar/entrya.js', dest :
浏览 13提问于2016-09-05得票数 0
回答已采纳
1回答
我正在尝试查看我的src文件夹中的更改，其中可能有几个js文件。我如何才能做到这一点？当我运行开发脚本时，我从索引文件中获取console.log，而不是从world和hello文件中获取。谁能解释一下我怎样才能获得所有的console.log呢？ 目录： folder
├── src
| ├── hello.js
| ├── index.js
| └── world.js
| .gitignore
| package.json
| README.md package.json： {
"name": "",
"vers
浏览 41提问于2021-10-27得票数 0
回答已采纳
我是webpack的新手，据我所知，它将创建一个从条目(Ies)点开始的图形，并基于每个脚本中指定的要求命令。
问题1:
我想知道webpack是否有办法将一堆指定的文件(比如文件夹中的所有文件及其所有子文件夹)捆绑在一起。
问题2
我不知道它为什么要首先创建一个图表。仅仅在最终的bundle.js脚本中保存所需的每个库的记录，并且只包含它一次，难道这还不够吗？为什么是图表？
非常感谢
浏览 2提问于2017-11-09得票数 6
回答已采纳
2回答
背景
我正在尝试使用创建一个项目，使用进行捆绑。代码是使用编写的。我使用来处理依赖项。
我的网页将由多个核心HTML页面组成。接下来的想法是为每个页面创建一个Aurelia应用程序。
因此，每个页面上的index.html都有一个<div aurelia-app="some_module">，每个<div aurelia-app="some_module">引用一个不同的模块。然后，它们中的每一个都位于它们自己的包中。它们之间的共享代码在单独的包中。
当前配置
我的目录结构如下：
aurelia-webpack/src/monitor/
浏览 0提问于2017-05-18得票数 0
我有一个动态加载的组件，如下所示：
LoadScript("path/to/component.bundle.js", () => {
let comp = getComp()
ReactDOM.render(<Provider store={store}>
{comp}
</Provider>, container)
})
在component.js中
export function getComp() {
return <MyComponent />
}
但是，MyCompone
浏览 0提问于2019-03-04得票数 1
有人能帮我弄清楚webpack的sdk配置应该是什么，来为网页和浏览器构建sdk吗？
我的当前配置如下
const path = require('path');
let baseConfig = {
mode: 'production',
entry: './src/index.ts',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'sdk/js-sdk.js',
libraryTarget: '
浏览 3提问于2020-01-21得票数 2
这是我的src：
src/
page1
index.html
app.js
page2
index.html
app.js
somecommon
page1是pc网站，page2是移动网站，但它们有许多相同的部分，例如相同的api resuest或其他logic.And我想输出的文件如下
build
page1
index.html page1.css page1.js
page2
index.html page2.css page2.js
common
vendors,commo
浏览 0提问于2018-12-21得票数 0
1回答
我正在设置一个从javascript文件迁移的typescript项目。下面是文件夹结构 src
--featureA
----script1.ts
----script2.ts
----index.ts
--featureB
----script1.ts
----index.ts
tsconfig.ts
webpack.config.js
package.json 我的tsconfig.ts {
"compileOnSave": true,
"compilerOptions": {
"target": "es5"
浏览 28提问于2019-03-06得票数 1
1回答
我有下面的webpack设置：
let config= {
mode: 'development',
entry: {
'templates': '/usr/local/var/www/project/src/ts/entry/templates.ts',
'templates2': '/usr/local/var/www/project/src/ts/entry/templates2.ts',
'main_scss': '/
浏览 1提问于2019-03-10得票数 0
回答已采纳
(下面的代码是一个简单的例子，实际场景更大)
我有两个模块，mod1.js和mod2.js，它们捆绑在一起(使用)。他们有一个共同的依赖，util.js。
问题是:当mod2.js中的代码导入util.js (使用相同的别名)时，会与名称发生冲突。
util.js
export class Util {
...
}
mod1.js
import Util from "./util.js";
...
mod2.js
/* this raises an error of variable already declared */
import Util from "./u
浏览 1提问于2020-07-30得票数 2
回答已采纳
我们试图使用ReactJS作为每个页面的视图来创建page应用程序。Laravel负责每个视图的路由和呈现。每个视图都加载一个react bundle.js文件。每个bundle.js文件对该视图都是自定义的，并且内部包含该视图(屏幕)所需的react组件。所发现的是每个bundle.js文件大约是4MB，因为每个文件都包含其依赖项以及组件。此外，还在努力研究如何在多个视图之间共享一个组件(如TableComponent.js文件)，但到目前为止一直没有成功。
我们设计得完全错误吗？对于整个应用程序，应该总是只有一个bundle.js文件吗？
或者，是否有很好的修复方法来从单个依赖关系js文件
浏览 3提问于2016-03-29得票数 0
回答已采纳
给定一个简单的gcc命令，如下所示：
gcc quickrb.c -o main -L /usr/local/lib/quickjs -I /usr/local/lib/quickjs -l quickjs
我正在尝试使用extconf.rb将其封装到一个ruby扩展mkmf中。目前我有：
require 'mkmf'
dir_config('quickjs', '/usr/local/lib/quickjs', '/usr/local/include/quickjs')
abort('missing "qui
浏览 6提问于2019-11-15得票数 1
回答已采纳
1回答
我试图根据输入文件的名称动态地命名Webpack输出的文件。例如，我的条目名为accessCodeEditor.js，我希望输出文件命名为accessCodeEditor.min.js。我认为output.filename: "[name].min.js"会根据这些文档来完成这个任务，但它将其命名为main.min.js：
这是我的webpack.config.js文件：
const path = require("path");
const TerserPlugin = require("terser-webpack-plugin");
mo
浏览 3提问于2022-02-03得票数 1
1回答
我有一个工作正常的嵌入式作业，我想部署更多的同地作业。这些新增的工作将收到来自旧工作的信息，并将其发送到kafka主题。
代码如下
@AutoService(StatefulFunctionModule.class)
public final class CoLocatedModule implements StatefulFunctionModule {
@Override
public void configure(Map<String, String> globalConfiguration, Binder binder) {
FunctionProvide
浏览 2提问于2020-05-03得票数 1
回答已采纳
1回答
我的尝试
通过指定/GS-编译器标志和/NoDefaultLib链接器标志，并命名主函数mainCRTStartup，我使用Microsoft创建了一个最小的、无CRT的、缺乏依赖的可执行文件。应用程序不会在<5秒之后创建额外的线程并从mainCRTStartup返回，但进程终止总共需要30秒。
问题描述
根据我的经验，如果在Windows 10上执行的应用程序只依赖于默认情况下加载到每个Windows (即ntdll.dll、KernelBase.dll和kernel32.dll )中的动态库，则当主线程从mainCRTStartup函数返回时，进程通常会退出。
如果以静态或动态方式加
浏览 2提问于2019-10-25得票数 4
回答已采纳
1回答
码头集装箱本地主机未连接
、、、、
我有一个React应用程序，它连接到一个json服务器，我正试图在一个码头容器中运行它。Dockerfile如下：
# base image
FROM node:alpine
# set working directory
WORKDIR '/app'
# add `/app/node_modules/.bin` to $PATH
ENV PATH /app/node_modules/.bin:$PATH
# install and cache app dependencies
COPY package.json /app/package.json
RUN npm ins
浏览 3提问于2019-09-19得票数 0
回答已采纳
我仔细地搜索了我面临的同样的问题，但没有发现任何有用的东西。
webpack 1.13.1。Mac上一版.
我想要达到的目标
我想创建一个webpack构建，以开发多页应用程序。
我希望看到这样的结构：源代码
/source/page1/page1.css
/source/page1/page1.js
/source/page1/page1.html
公共
/public/page1/page1.css
/public/page1/page1.js
/public/page1/page1.html
当前构建
这就是我所做的。
我用vue.js测试了它，它工作得很完美。但现在我也想让它与reac
浏览 2提问于2016-08-21得票数 0
我无法从Dockerfile下面构建的docker映像启动容器，如果我们添加CMD来启动文件传输或流畅代理，就会失败。
Dockerfile
#################################################
FROM node:12
#install pm2
RUN npm install pm2 -g
RUN apt update
#create dir and copy the code
RUN mkdir -p /home/devops/comera_registration_service/
WORKDIR /home/devops/comera_r
浏览 0提问于2022-04-15得票数 0
2回答
我是Browserify的新手，我正试图找出如何使它在客户端需要下载的数量方面更有效率。
我有一个网络应用程序，它使用许多不同的第三方库和自定义代码。使用Browserify，人们建议的一般方法似乎是将所有内容封装到一个大的bundle.js中。在我看来，这样做的效率很低，原因有几点：
例如，假设您的bundle.js包含lib1, lib2, lib3, customLib。
如果您的web应用程序的一部分只需要lib1，那么客户端仍然需要下载一个巨大的bundle.js，最终它不会使用75%的bundle.js。下载了浪费的字节。不必要地增加了页面加载时间。
如果您的customL
浏览 8提问于2015-01-03得票数 8
回答已采纳
全部：
我对webpack还很陌生，我想知道我是否在index.html中包含了vue和vue-router作为脚本标记
<script src="/path/to/vue.js"></script>
<script src="/path/to/vue-router.js"></script>
我需要这样做的原因是：
我当前的项目禁用了外部NPM，内部NPM repo没有vue和vue路由器，所以我必须使用脚本标记的方式来引入它们。
但是我还是想用webpack来编译其他文件并捆绑它们，我该怎么做呢？我将外部字段添
浏览 2提问于2018-05-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
