又浪费了一天时间，因为弄清楚了如何用热重加载设置webpack开发服务器。我想在index.html中为我的JS和CSS资产提供以下路径：/dist/js/app.min.js和/dist/css/styles.min.css。
我应该如何配置webpack.config.js，以便用上面提到的正确路径加载index.html中的资产？使用当前的配置，webpack-dev-server只在/dist文件夹中保存我的构建，而在index.html中，我必须设置没有js或css文件夹的路径，例如：(<script src="/dist/app.min.js" />)。
浏览 3提问于2017-11-18得票数 3
1回答
我需要在渲染之前提出一个请求。请求数据将存储在redux状态中。因为它是我的App.js，所以它包含了应用程序所需的路由。然而，路由的呈现是在useEffect中的请求之前进行的。有人能帮我吗？在呈现路由或其他任何东西之前，我需要保存在redux状态中的请求数据。
App.js
const App = () => {
const dispatch = useDispatch()
const setData = (data) => dispatch(actions.setData(data))
const fetchData = async () => {
浏览 3提问于2020-09-17得票数 0
回答已采纳
2回答
我使用母版页中的asp.net脚本管理器来添加js文件。在一个子页面中，我不希望特定的js文件被排除。在asp.net中是可能的吗？
例如，我母版页中的代码
<asp:ScriptManager runat="server" EnablePageMethods="true" EnablePartialRendering="true" ID="id" OnResolveScriptReference="sm_ResolveScriptReference">
<Scripts>
浏览 2提问于2012-07-03得票数 3
回答已采纳
我目前正在开发一个node.js应用程序，它应该在谷歌日历中创建事件。在我的机器上(OSX10.9.2)，它工作得很好，但在另一台机器(Debian 7 Wheezy 64位)上却不能工作。两者都安装了相同的node.js版本: v0.10.26。我总是收到以下错误：
crypto.js:398
var ret = this._binding.sign(toBuf(key));
^
TypeError: Not a buffer
at Sign.sign (crypto.js:398:27)
at createRS256Signature (/pat
浏览 1提问于2014-05-08得票数 1
回答已采纳
我在做一个项目，我被困在这件事上了。我不知道我是错过了什么还是什么东西在失败
我希望以这种方式使用Express框架呈现一个自定义元素：
首先，我有一个视图文件，其中我以这种方式声明了组件：
来自一个组件的render.js
<my-component><!-- # include virtual="/my-path" --></my-component>
然后，在另一个文件中(在另一个组件中)，我收到了这样的请求：
来自另一个组件的server.js。
app.get('/my-path', (req, res) =>
浏览 3提问于2020-12-30得票数 0
1回答
我正在尝试捆绑特定文件夹中的所有.js文件，但收到'：没有这样的文件或目录‘错误。 下面是我的代码： const ClosureCompiler = require('google-closure-compiler').jsCompiler;
const { writeFile } = require('fs');
const closureCompiler = new ClosureCompiler({
js: 'c:/polyfill/**.js',
js_output_file: 'bundle.js
浏览 19提问于2019-06-10得票数 0
当webpack打包项目时，我需要上传dist文件到cdn，然后提高访问速度。
我需要将前面的包保存在cdn中，所以我使用构建散列来惟一这个包。
但是我发现在[hash]中设置publicPath会导致filename中的chunkhash出错吗？
我知道删除chunkhash中的filename可以解决这个问题，但我仍然想知道为什么？
这是我小小的webpack配置：
const path = require("path");
module.exports = {
entry: "./src/index.js",
output: {
path
浏览 1提问于2018-10-22得票数 0
1回答
当我在浏览器URL中定义路由参数时，与该URL连接的路由会向我发送与公用文件夹(包含我的CSS、JS等)路由有关的错误。
应用程序的结构如下：
app
|
|-- public
| └-- css
| └-- profile.css
|
|-- views
| └-- profile.html
|
|-- server.js
在我的server.js中，我有这样的内容：
// server.js
const express = require('express');
const app = express();
const PORT = p
浏览 4提问于2022-10-25得票数 2
回答已采纳
1回答
如何为多个子文件夹设置静态文件？在app.js中，我设置：
app.use(express.static(path.join(__dirname, 'public')))
我的公共结构：
- public
- admin
- images
- css
- js
- site
- images
- css
- js
我无法在管理员/图像中获得图像：
img(src="logo.png")
浏览 1提问于2017-01-24得票数 2
因此，假设我有一个配置文件页面，它根据路径呈现不同的组件。例如： /profile/posts在配置文件中呈现Posts组件。 /profile/comments在配置文件中呈现Comments组件。 我通常先渲染"/profile"路径的配置文件页面，然后在里面根据上面提到的路由渲染相关的组件。我想做的是，省略在Route components inside Profile中定义的路径的"/profile"部分，只保留剩余的部分。如何在不破坏路由的情况下做到这一点？ 请参阅以下代码中的注释： // App.js
// ...
<Switch>
浏览 56提问于2021-11-17得票数 1
回答已采纳
1回答
未找到捆绑包文件
、、
我启动了整个应用程序，创建了一个新页面，但它找不到它
app.js：
app.get('/logged_in', function (req, res) {
res.sendFile(__dirname + '/logged_in.html');
});
webpack.config.is
output: {
path: path.resolve(__dirname, 'public'),
filename: "[name].bundle.js"
},
现在添加到app.js中：
app.get(
浏览 0提问于2016-11-01得票数 0
2回答
面对困难的js和反应路由器的地位。当我单击导航抽屉组件中的按钮时，我想更改路由。
这是我的App.js组件。
import { Router, Route, Switch } from "react-router-dom";
function App() {
const classes = useStyles();
return (
<Provider store={store}>
<div className={classes.root}>
<NavBar />
浏览 3提问于2020-08-24得票数 0
回答已采纳
我的web应用使用了Webpack 5.45.1作为模块捆绑包，也是唯一的库--以太坊web3.js 1.4.0。
// webpack configuration file
const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");
const path = require('path');
module.exports = {
mode: 'development',
output: {
path: path.resolve(__di
浏览 1提问于2021-07-20得票数 0
我正在使用webpack来构建我的lambda函数，但是有一个加载了.proto扩展文件的包，我无法将它导入到我的项目中，所以我得到了file not found错误。这在node_modules文件夹中调用，如下所示： path.join(__dirname, 'checkin.proto'); 我的webpack输出只是一个index.js文件，所以没有任何checkin.proto文件需要加载。 这是用于构建lambda的webpack.config.js。这基本上是将ts转换为js，构建一个捆绑的index.js并将其压缩。 const glob = requir
浏览 52提问于2019-08-16得票数 0
回答已采纳
我已经把photo.jpg上传到C:/myapp/public/fullsize了。我想调整这个图像的大小，并把它放在C:/myapp/public/thumb中。我不知道如何获取newPath和thumbPath
C:/myapp/
server.js
app/
myscript.js
public/
fullsize/
photo.jpg
thumb/
在mys
浏览 3提问于2014-02-03得票数 0
注册用户时，会添加用户，但脚本返回一个错误对象：{code："UnknownError"，消息：“未知错误，来自fetch的响应主体是:未定义的”}
我遵循了的建议。但问题并没有得到解决。
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script src
浏览 0提问于2018-10-09得票数 0
回答已采纳
我是symfony2的新手。我被小问题困住了。我的目录路径如下
项目
/app
/bin
/src
/neil
/mybundle
/Controller
/DependencyInjection
/EventListner
/Helper
/Resources
/public
/js
/script.js
/Services
/Test
/vendor
/web
我想在我的控制器/服务中访问script.js的url
浏览 1提问于2014-09-04得票数 1
回答已采纳
1回答
如何在getsby.js中使用直接数据
我已经安装了一个Directus应用程序，并添加了表和数据/列，但是我不知道如何在gatsby.js中使用它，我已经在jsx中构建了这样一个模板：
const path = require('path')
exports.createPages = ({ boundActionCreators, graphql }, { urlPrefix }) => {
const { createPage } = boundActionCreators
return new Promise((resolve, reject) =>
浏览 2提问于2018-05-07得票数 2
回答已采纳
在我的OS /home/amanda/workspace/FX36.img路径中，有一个扩展名为.img的文件。我不知道如何访问python中的file.img，并在代码中使用这个file.img作为主体。
js_body = dict()
file_path ="/home/amanda/workspace/FX36.img"
img=open(file_path ,"r")
js_body["File"] = img
js_res = self._post(re
浏览 2提问于2019-11-25得票数 0
回答已采纳
我需要WebStorm (WS)的解决方案；设置webpack别名适用于src等html属性；这是我的webpack.config.js，例如： const path = require('path');
module.exports = {
resolve: {
extensions: ['scss', 'html', 'jsx'],
root: path.resolve(__dirname),
alias: {
components: path
浏览 13提问于2019-05-29得票数 0
我正在使用Wagtail和Django，我正在尝试翻译html模板和js文件中的内容。
html模板中的内容被正确地添加到.po文件中，但是js文件中的字符串根本没有被添加。
我的项目结构如下：
urls.py文件夹中的webDealers文件如下：
urlpatterns = [
url(r'^django-admin/', admin.site.urls),
url(r'^admin/', include(wagtailadmin_urls)),
url(r'^documents/', include(wa
浏览 0提问于2018-10-30得票数 2
我的项目结构如下：
root
|_app
| |_index.html
|_dist
| |_js
| | |_app.js
| |_styles
| |_app.css
|_src
| |_js
| | |_models
| | | |_model.ts
| | |_app.ts
| |_styles
| |_normalize.css
| |_style.scss
|_package.json
|_webpack.config.js
目前，我的Webpack配置确实将SCSS转换为CSS并将其复制到dist文件夹。它对JS文件也是这样做的(尽管目前没有将.ts编译成.js，但I
浏览 0提问于2018-10-17得票数 2
回答已采纳
2回答
我条目JS文件中唯一的内容是：
import $ from 'jquery';
jQuery JS文件的大小为来自的29.5kb。我的条目(只包括jQuery，而没有其他内容)的大小为86 of 。
webpack.config.js
const path = require('path');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const UglifyJsPlugin = require('uglifyjs-webpack-plugin
浏览 0提问于2018-04-22得票数 2
回答已采纳
1回答
我创建了一个使用mp3文件的NPM包，并使用播放它们。
当我将软件包安装为依赖于另一个项目时，我似乎无法播放node_modules文件夹中的文件。
我试过单独使用巴贝尔，webpack和巴贝尔，文件加载器，url-加载程序。
代码，用于要求文件
const filePath = path.join(__dirname, 'dist/public/Media/' + note.instrument + '/' + 'FF_' + notes['b'][notes[note.lang].indexOf(note._note)
浏览 0提问于2018-11-12得票数 2
回答已采纳
在小枝中，我使用data-post-url="{{ path('ajax')}}"，这样我就可以使用var path = $("#edit-url-js").data();获得javascript中的url
然而，与其去，不如去
这很奇怪，因为当我console.log(路径) 'path‘变量时，它返回正确的url。当我硬编码url时，'path‘变量返回的ajax调用会像它应该的那样工作。
AJAX调用：
$(document).ready(function(){
var path = $("#edit-url-js
浏览 2提问于2018-04-24得票数 0
回答已采纳
我用webpack ^5.65.0。
我想将我所有的scss文件编译成css，但是我必须在我的条目import中使用多个index.js，如
import './index.scss';
import './test.scss'
...
我不想在index.js文件中使用导入，并认为它可以由webpack设置(我不确定)。
我的webpack.config.js
module.exports = {
devtool: 'eval-cheap-module-source-map',
mode: isDev ? 'devel
浏览 4提问于2022-01-29得票数 0
我怎样才能让Object.assign在ie和..。扩展运算符在所有浏览器上工作。以下是我的webpack配置文件。
const path = require('path');
module.exports = {
entry: './index.js',
output: {
path: path.join(__dirname, '../../public/admin-portal/js'),
publicPath: '../../public/admin-portal/js',
filename
浏览 1提问于2018-02-06得票数 0
2回答
我有一个文件夹结构：
/home
/src
app.js
test.js
app.js
const path = require('path');
module.exports = {
path1: path.resolve(),
path2: () => path.resolve()
}
test.js
const test = require('./src/ap
浏览 3提问于2021-07-04得票数 0
1回答
如果请求浏览器URL，则路由正常工作。 顺便说一下，location = ${path}；当调用react renderToString函数时，表示组件发生错误的部分。 我正在查看web包设置或其他设置，但找不到原因。帮助! // App.js
import React, {useState, useEffect} from 'react';
import moment from "moment";
import Header from "./components/header/Header";
import Footer from "
浏览 6提问于2020-07-27得票数 0
假设我有3个文件：~/html/display.html、~/data/text.txt和~/js/script.js。display.html的主体如下：
<body>
<p id="textblock">text</p>
<script src="../js/script.js">
loadTxt("../data/text.txt", "textblock")
</script>
</body>
而text.txt只包含一行：text
浏览 1提问于2020-07-01得票数 0
我正在使用谷歌的workbox-cli工具，以预先在我的网站上的一些文件。默认情况下，是否可以在HTTP响应头中为所有文件设置all服务器返回以下内容：
cache-control: s-maxage=2592000, max-age=86400, must-revalidate, no-transform, public
但是，让But浏览器只在文件要由服务工作人员执行指令时才使用折叠：
cache-control: s-maxage=2592000, max-age=0, must-revalidate, no-transform, public
因此，我希望服务工作者在执行文件之前，将m
浏览 0提问于2018-07-03得票数 0
回答已采纳
当目录不为空时，fs.rmdir抛出一个没有堆栈跟踪的错误： { [Error: ENOTEMPTY: directory not empty, rmdir '/var/folders/cv/fhzhp3gn/T/downloads']
errno: -66,
code: 'ENOTEMPTY',
syscall: 'rmdir',
path:
'/var/folders/cv/fhzhp3gn/T/downloads' } 为了进行比较，我尝试显式抛出伪错误，请参见fake_delete_director
浏览 32提问于2020-04-11得票数 2
回答已采纳
有人能解释req.path、req.params、req.query和req.body在node.js中的区别吗？
浏览 1提问于2018-10-22得票数 1
回答已采纳
2回答
我正在使用Karma对一些代码进行测试。
在由Karma运行之前，测试和代码都是经过转换的(使用babel的ES6 => ES5 )。
这是很好的工作，测试运行良好。
但是如果我尝试使用正在测试的任何文件中的text!插件.
import template from 'text!./template.html';
...I get：
There is no timestamp for /base/src/text.js!
Uncaught Error: Script error for "text", needed by: text!app/templat
浏览 7提问于2016-11-15得票数 2
回答已采纳
1回答
从转置ES6代码导入时获取空对象
、、、、
源代码是用ES6编写的，并使用babel和webpack转换为ES5，如下所示：
src/2.js
export default {
...
}
src/1.js
import 2 from './2.js'
export default {
...
}
1.js是webpack的主要输入脚本。下面是webpack的配置：
var webpack = require('webpack');
var path = require('path');
module.exports = {
'entry': '
浏览 4提问于2017-11-01得票数 0
我是科莫多编辑的新手。如何将IntelliSense添加到自己的文件中？
例如: myFirst.js，它包括在mySecond.js中定义的对象或函数的自动完成？
另外，如何从HTML文件中向CSS文件添加自动完成？
另一个例子:在Visual中，我将这个语句放在file2.js的开头：
/// <reference path="../js/file1.js" />
然后，我在file2.js中为file1.js提供了IntelliSense。
浏览 4提问于2013-12-24得票数 5
回答已采纳
2回答
我有一个像这样的html页面
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="JScript2.js" type="text/javascript"></script>
<script src="JScript.js" type="text/javascript"></script>
<title></title>
&
浏览 2提问于2009-12-04得票数 0
回答已采纳
我正在开发一个使用WordPress的网站，其中我需要包含一些数据-vis是用javascript制作的。我需要加载一个包含JS脚本中数据的文件。脚本和数据都位于“我的主题”文件夹中，具有以下层次结构：
theme
--scripts
----my_script.js
--data
----my_data.csv
假设我使用d3.js加载脚本中的数据，使用以下代码：
d3.csv("path/to/data/my_data.csv", function(error, data){
// Use the data
});
path/to/data应该是什么？我很困惑。应该
浏览 0提问于2017-11-06得票数 0
回答已采纳
我正在构建一个chrome扩展，当从内容脚本接收到某些消息时，它将需要进行API调用。我在发出HTTP请求时遇到了困难，我相信这是我的webpack配置造成的。
我尝试过使用node-fetch和axios，但这两种方法对我都不起作用。
我的webpack.common.js文件如下所示：
const path = require("path");
module.exports = {
target: "node",
entry: {
popup: path.join(__dirname, "src/popup/index.tsx
浏览 148提问于2021-02-22得票数 5
首先，我会问两个问题，如果有人知道它不需要读这篇长篇文章：
但是，如何抑制自定义IntelliSense文件的JavaScript列表中大量不想要的项列表(无论是.js还是带有编译的.ts类型记录)？
我如何才能很好地控制我需要的东西呢？_references.js似乎是一个很好的起点(供全球参考)
有谁能解释一下.vsdoc.js和.intellisense.js以及/
当我看Mads Kristensen的视频时
我注意到Mads对其“数据”JavaScript变量的Intellisense显示了与当前上下文相关的对象、函数和属性的简短列表。
我使用VS 2013
浏览 8提问于2013-12-05得票数 4
回答已采纳
2回答
我试图在Express中使用Node.js，并且我读到了声明一个“公共”目录以提供静态文件的能力。我试图将我的引导css/js文件放在公共目录中，但是我一直得到404文件。
明示：
app.use(express.static(path.join(__dirname, '../public')));
console.log(path.join(__dirname, '../public'));
//Output: D:/app/public
在HTML中：
<script src="http://localhost:6969/app/public/
浏览 6提问于2013-12-20得票数 0
回答已采纳
在jsp页面中，我们通常看到代码。
< % String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>
我使用这种方式获取静态资源：
<script type="text/javascript" src="<%=path%>/js/jquery-1.9.1.m
浏览 1提问于2017-05-19得票数 0
回答已采纳
我使用的是webpack和react js。当我试图在我的scss文件中导入图像或字体文件时，我得到了这个错误。
我尝试了许多解决方案，但都没有解决我的问题。
webpack.common.js
const path = require("path");
var HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
entry: {
main: "./src/index.js",
vendor: "./src/vendor.js
浏览 25提问于2019-08-08得票数 1
回答已采纳
我实际上不知道谷歌是什么，因为我不知道这个术语，或者你称之为什么过程。
因此，基本上，我有一个开发站点：http://mylocalwebdev.test，它是用CodeIgniter编写的，我正在尝试创建一个页面http://mylocalwebdev.test/image-switcher-demo，它的前端将使用React开发。(这基本上是我的反应和webpack的练习)
所以，我已经创建了我的webpack配置，它可以生成bundle.js，现在我想使用webpack-dev-server进行实时开发。现在，我对在我的配置路径中放入config -> output -> p
浏览 0提问于2018-04-04得票数 1
回答已采纳
我正在用类型记录2.0构建angular2应用程序。我的应用程序运行良好，但我遇到了webpack包和热重装的问题。
要创建更新的bundle.js并为新创建的bundle.js运行server，我必须分别执行两个命令。
webpack和webpack-dev-server
我只想用一个命令来做这件事，那就是npm-start，并通过为任何文件(html or js)的更改设置一个watch来重新加载服务器。
为此，我将脚本包含在我的package.json中，如下所示：
"scripts": {
"start": "webpack-dev-
浏览 5提问于2017-04-03得票数 0
回答已采纳
一个非常简单的项目：
条目文件是index.js
一个模块foo.js
index.js进口foo.js
一个基本的webpack.config.js
一个自定义插件- HelloWorldPlugin
文件：
// ./src/foo.js
export default {
foo: 'foo'
}
// ./src/index.js
import foo from './foo'
console.log(foo);
// webpack.config.js
const path = require('path
浏览 2提问于2019-02-22得票数 2
我不完全确定这是不是错了，但是当我用angular生成prod build时： "ng build --outputPath=.. --base-href="./path" --prod" 静态资源仍然是从./ root获取的，如下所示： <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Ask</title>
<base href="./p
浏览 37提问于2019-02-28得票数 4
我想导入一些可能不存在的静态文件。我想修改这些外部静态文件并在我的应用程序中加载它们，但是Webpack给出了“未找到的模块”。
我的文件夹结构在dev中如下所示：
钢筋混凝土
静态
配置
cfg.json
folder1
file1.js
- folder2
- file2.js
- component
- Main.js
在生产过程中，webpack创建了所有东西，然后复制静态资产，使文件夹结构如下所示：
配置(其中包含相同的文件和文件夹，但它们可能
浏览 2提问于2019-02-13得票数 0
回答已采纳
运行时异常的测试结果如下：
test "search yields profile" <|
\_ ->
let
-- Setup
location =
Navigation.Location "" "" "" "" "" "" "" "" "" "" ""
( model, _ ) =
H
浏览 3提问于2017-07-04得票数 0
回答已采纳
1回答
我刚刚为我的项目设置了服务人员。我的webpack.config.js如下所示... const path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const WorkboxPlugin = require('w
浏览 22提问于2019-12-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
