Tag: webpack

如何在webpack中使用noParse?

我想从我的webpack文件中排除这个,通过使用下面这个给我的代码行。 noParse: /node_modules\/localforage\/dist\/localforage.js/, 但是无论我尝试什么,我都会一直说错误 ReferenceError:C:/…./ node_modules \ localforage \ .babelrc中指定的未知插件“add-module-exports” 这是我的webpackconfiguration文件: var path = require('path'); var HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './app/index.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'index_bundle.js', publicPath: '/' }, devServer: { historyApiFallback: true, }, module: { rules: [ { test: /\.(js)$/, use: 'babel-loader' }, { test: /\.css$/, use: [ 'style-loader', […]

webpack手表不会触发

我使用本地文件系统(inotify)支持来运行webpack,并且使用chokidar进行了testing,并正确地获取了该文件系统/文件夹中所有文件的更改。 使用Sage 9 WordPress基本主题中的webpackconfiguration( https://github.com/roots/sage/blob/c21df9965ff8217c3b4ff90bbe6099206d7b4fbf/resources/assets/config.json#L16 )。 只有PHP文件被列出才能被监视 – 但是它们的依赖关系(SCSS / JS / …)也被监视了? 我开始使用npm / yarn包脚本启动webpack手表,使用$ webpack –hide-modules –watch –config resources/assets/build/webpack.config.js启动$ webpack –hide-modules –watch –config resources/assets/build/webpack.config.js Webpack is watching the files… [BS] [HTML Injector] Running… [BS] Proxying: http://dev:8084 [BS] Access URLs: ———————————- Local: http://localhost:3000 External: http://127.0.0.1:3000 ———————————- UI: http://localhost:3001 UI External: http://127.0.0.1:3001 ———————————- [BS] Watching […]

快递应用程序:webpack bundle.js不提供

我是使用express开发应用程序的新手,我正在使用Node-Express-Angular4和Postgres创build应用程序。 我正在使用webpack来构build应用程序,并将其部署到heroku。 以下是我的app.js文件 app.js var express = require('express'); var path = require('path'); var favicon = require('serve-favicon'); var logger = require('morgan'); var cookieParser = require('cookie-parser'); var bodyParser = require('body-parser'); var appRoutes = require('./routes/app'); var eventRoutes = require('./routes/events'); var userRoutes = require('./routes/user'); var app = express(); // view engine setup app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'hbs'); app.use(favicon(path.join(__dirname, […]

覆盖需要从根启动并检查节点模块而不更改其名称

我试图分享我的客户端和服务器代码,我想要一个整洁的方式要求我的依赖。 我目前使用webpack作为我的构build工具,并将其设置为parsing到我的资产/ js文件夹,所以我的客户端依赖关系如下所示: require('validators/login.js'); 我希望在整个服务器上分享完全相同的代码,但是我不想把if语句放进来检查是否服务器或客户端正在执行这个请求,所以我可以做类似于 if server rootRequire.. else require 我想要的服务器使用需求像客户端一样,并从根目录开始,但我也不想剥离它的function来searchnode_modules文件夹,如果它不返回结果。 我也想这样做,而不是把我所有的代码放在node_modules文件夹中。 有没有人有一些好的build议,如何正确地覆盖需求? 我已经阅读了大部分的hacky解决scheme,比如使用符号链接或者在node_modules中放置东西,我不想find这些答案,我想要一些干净的,实际上覆盖正确的东西。

Webpackdynamic要求给出混合内容错误

我正在尝试Webpack的dynamic需求,把我需要的东西变成一个dynamic的模块,然后把代码分开。 import(`resources/assets/images/svg/${this.name}.svg`).then((module) => { this.svg = module; }).catch(error => 'An error occured while loading the svg'); 当承诺触发时,代码被注入页面并带有脚本标签。 脚本标记除了使用http而不是https 。 混合内容:“ https://test.app ”页面通过HTTPS加载,但请求一个不安全的脚本“ http://test.app/28.js ”。 此请求已被阻止; 内容必须通过HTTPS提供。 我如何确保我的dynamic需求使用https 。 这是我可以调整我的webpackconfiguration的设置? 更新: 它不是一个http或https问题,而是Webpack创build一个没有/前缀的脚本标记: <script type="text/javascript" charset="utf-8" async="" src="22.js"></script> 这导致脚本被parsing为: mywebpage.app/test/22js 虽然它实际上需要是: mywebpage.app/22.js 我不知道如何解决这个问题。

如何使webpack dev服务器访问公开?

https://github.com/nttcom/SkyWay-MultiParty我testing了这个api在本地运行webpack dev服务器 这是成功,但我想访问其他电脑或智能手机 我能做什么? 我第一次看到webpack代码 的package.json { "name": "skyway-multiparty", "version": "1.0.4", "description": "SkyWay js library for multi party apps", "homepage": "https://github.com/nttcom/SkyWay-MultiParty", "repository": { "type": "git", "url": "git://github.com/nttcom/SkyWay-MultiParty.git" }, "main": "lib/index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "webpack-dev-server": "webpack-dev-server –host 172.19.1.200 –port 8081 –open –https –content-base ./" }, webpack.config.js const webpack […]

错误:加载块0失败。 – webpack试图加载0.js

我有以下项目结构: |-mainFile.js |-scripts – |-Library1.js |-Library2.js 库文件使用requirejs define([], function() {})语法。 所以我把它放到了webpack.config.js中: module.exports = { resolve: { modules: [ path.resolve(__dirname, 'scripts'), // The normal path "node_modules" ] }, /** … **/ } 然后我在webpack的入口点mainFile.js中做这个: require(["Library1", "Library2"], function(Library1, Library2) { … }); 我得到这个错误: GET http://localhost:3000/0.js [HTTP/1.1 404 Not Found 3ms] Error: Loading chunk 0 failed. Stack trace: onScriptComplete@http://localhost:3000/player/webpack_build.js:100:24 […]

不同的babel预设为后端和前端,但为相同的env

我有nodejs项目与反应前端部分,我想使用巴贝尔后端服务器(有导入/导出,和一些额外的function,如“装饰”,对象rest传播等) 此外,我想使用巴贝尔反应前端项目,但与不同的预置/插件集。 在后台我有最新的(8.2)nodejs,所以它已经知道类,asynchronous/等待等不应该被转移。 但在前端,我针对IE11,所以我必须启用大量的插件。 所以,如果我有单一的.babelrcconfiguration前端和后端我越来越transpiled后端代码。 我知道有一个'env'选项为babelconfiguration,但在描述的情况下,我有相同的'env'。 现在我结束了两个configuration:一个在package.json和一个在webpack.config(babel-loader选项)里面。 不过,我不喜欢结果,因为它可能会混淆新的开发者。 他可以在package.json里面findbabelconfiguration,并认为这是唯一的configuration,试图添加/修改某些东西,并努力为什么它不影响前端部分。 这样的设置也有一些问题: Jest无法从webpack.config中读取babel设置,所以我必须在.babelrc中定义额外的“env”:“test”,只是为了开玩笑。 这在testing过程中导致不必要的后端传输。

Webpack-dev-server找不到要提交的文件

我只是从webpack文档复制粘贴webpack-dev-server + express设置,但是它不起作用,因为服务器找不到要提供的文件。 这个设置有什么问题? server.js const express = require('express'); const webpack = require('webpack'); const webpackDevMiddleware = require('webpack-dev-middleware'); const app = express(); const config = require('../webpack.config.js'); const compiler = webpack(config); app.use(webpackDevMiddleware(compiler, { publicPath: config.output.publicPath })); /*app.use('/',express.static('public')) it works when used insted of webpack dev middleware */ // Serve the files on port 3000. app.listen(3000, function () […]

找不到package.json:/

我用下面的webpack.config.js有一个Node Express打包的应用程序: module.exports = { target: 'node', entry: './server.js', output: { filename: 'node-server.min.js' } } 当我运行节点node-server.min.js应用程序工作正常,但是,当我从电子加载文件我收到以下错误信息: 未捕获的错误:在模块的Function.pkginfo.read(node-server.min.js:6390)处,找不到package.json,位于:Function.pkginfo.find(node-server.min.js:6373)。导出(node-server.min.js:6341)在Object。 (node-server.min.js:6403)在Object.styles(node-server.min.js:6408)上的webpack_require(node-server.min.js:20)。 (node-server.min.js:14624)在对象。 (node-server.min.js:14699)在对象。 (node-server.min.js:14701)在webpack_require(node-server.min.js:20) 我正在用脚本标记加载node-server.min.js文件。 有任何想法吗 ?