Articles of webpack

要求使用webpack从节点库运行时的应用程序文件

我正在开发一个已经在生产中的Node.js库,并且正在实现Webpack来使用babel-loader 。 我正在使用webpack-node-externals离开外部需求直到运行时才能解决。 事情是,在某些时候,图书馆需要关于正在使用它的应用程序的信息,到目前为止,它需要使用以下内容: const basepath = process.cwd(); const pkg = require( path.join( basepath, 'package.json' ) ); const packageVersion = pkg.version; 到目前为止,这一直工作正常,因为process.cwd()parsing为运行库的应用程序的工作目录。 但是,当ebpack达到这个要求时,它会尝试解决它,并用webpackMissingModule错误代替它。 有没有办法让这个require ,直到运行? 我尝试使用externals属性没有运气。

SyntaxError:在使用第三方模块时,在Angular 2 Universal中意外的令牌导入

您好我得到一个SyntaxError当我运行server.ts ng生成Angular Universal后(npm开始看package.json)。 这只会发生,如果我运行server.ts,只有当我使用Angularitics2或AdsenseModule第三方模块。 ng服务工作得很好。 我认为这与ng的构build和编译有关。 我遵循这个教程,以使全球工作。: https : //coursetro.com/posts/code/68/Make-your-Angular-App-SEO-Friendly- 控制台中的错误: [root@mainframe core]$ ts-node src/server.ts /var/www/uni-app/core/node_modules/angulartics2/dist/core/angulartics2.js:1 (function (exports, require, module, __filename, __dirname) { import { Injectable } from '@angular/core'; ^^^^^^ SyntaxError: Unexpected token import at Object.exports.coreInThisContext (vm.js:78:16) at Module._compile (module.js:543:28) at Object.Module._extensions..js (module.js:580:10) at Module.load (module.js:488:32) at tryModuleLoad (module.js:447:12) at Function.Module._load (module.js:439:3) at Module.require (module.js:498:17) […]

Angular-CLI +电子找不到模块“path”

我正在使用Angular CLI的Electron,并试图获取我的文件的相对path。 我试图为它使用path模块,因为它在main.js中工作,电子是魔术。 main.js const path = require('path') 当我切换到app.component和导入pathVSCode显示没有错误,并将path识别为模块 但是,当我尝试服务的应用程序,webpack抛出一个错误 ERROR in D:/Projects/project/src/app/app.component.ts (2,23): Cannot find module 'path'. 我试图在node_modules文件夹中findpath模块,并find4个包含'path'的文件夹,这导致我相信电子main.js中使用的节点的require()函数比加载node_modules中的单个文件夹的内容复杂一点。 所以,我的问题是如何在我的组件中导入path方法(可能还有其他方法)?

Express,帕格和Webpack

我有一个使用Express和Pug的Node js服务器应用程序。 我想将它捆绑到可以在pm2上部署的单个脚本。 这似乎有几个问题。 在运行时我得到Cannot find module "." 并在编译过程中几条消息 警告在./node_modules/express/lib/view.js 80:29-41关键依赖关系:依赖关系的请求是一个expression式 出现哪些来自dynamicimport像require(mod).__express 。 我认为Webpack不能静态解决这些问题,也不知道包含哪些依赖关系。 这怎么解决? 如何让Pug编译并成为输出js的一部分?

如何解决与cordova运行Angular 2错误(也许在WebPack)?

环境: > node -v v6.11.0 > npm -v 3.10.10 > ng -v @angular/cli: 1.1.2 os: win32 x64 > cordova -v 7.0.1 如何重现: > ng new App > cd App > cordova create cordova com.mycompany.app App > ng build –output-path=cordova/www/ –base-href . > cd cordova > cordova platform add android > cordova run android 在设备/模拟器(首先在我的情况下)应用程序正在打开并显示白色屏幕。 在chrome://inspect/#devices我看到“ […]

Webpack,要求不是一个函数

运行我的webpack构build的React应用程序时出现错误 – 错误如下: webpack-internal:///1495:3 var crypto = require('crypto'); ^ TypeError: require is not a function at eval (webpack-internal:///1495:3:14) at Object.<anonymous> (/path/to/project/build/main.js:9739:1) at __webpack_require__ (/path/to/project/build/main.js:21:30) at eval (webpack-internal:///1494:1:20) at Object.<anonymous> (/path/to/project/build/main.js:9733:1) at __webpack_require__ (/path/to/project/build/main.js:21:30) at eval (webpack-internal:///692:8:18) at Object.<anonymous> (/path/to/project/build/main.js:4515:1) at __webpack_require__ (/path/to/project/build/main.js:21:30) at eval (webpack-internal:///1491:12:23) 我无法弄清楚这个错误来自哪个模块。 我正在通过这个命令运行我的项目: NODE_ENV=development nodemon –watch build/ build/main.js 这是我的webpackconfiguration: const path […]

如何在webpack包中包含subprocess?

我有一个Node应用程序,它使用fork方法来运行后台进程。 问题是,从索引运行networking包configuration不绑定后台进程的文件,导致到达分叉时出现错误。 所有的代码使用Babel语法以及其他一些好东西。 如何告诉webpack也捆绑分叉的文件? 提前致谢。

Webpack需要dynamic的文件

我正在尝试使用Webpackdynamic地要求文件,如下所示: this.svg = require(`resources/assets/images/svg/${this.name}.svg`); 当然,因为这个代码只能在NodeJS中运行,所以Webpack不知道this.name是什么,并创build一个上下文。 在上下文中,它抓取来自该特定目录的所有文件,并将其阻塞到我的javascript包中。 我不想从这个目录中的所有文件,但我只是想要这个确切的名字。 由于在运行时无法实现,有没有办法提供Webpack可以运行的静态文件列表? 有点像forEach与要求。

如何基准npm / yarn安装过程?

我正在开发一个reactjs + mobx前端项目,并使用es6,babel和webpack。 我正在使用yarn install来下载依赖关系,并执行babel transpile工作。 在我的项目中, yarn install需要20多分钟才能完成。 我可以说,下载只需要1或2分钟,所以大部分时间都花在了babel或其他东西上。 有没有办法让我弄清楚哪一部分需要这么长时间? 我的硬件是16GB内存的Mac Pro。 我在其他开源reactjs项目上没有任何性能。 这似乎只发生在我的项目,所以我正在寻找一种方法来find根路线。 以下是我的项目依赖关系。 "devDependencies": { "@blueprintjs/core": "^1.17.1", "@blueprintjs/table": "^1.14.0", "autobind-decorator": "^1.3.4", "babel-cli": "^6.24.1", "babel-core": "^ 6.24.1", "babel-eslint": "^7.2.2", "babel-jest": "^19.0.0", "babel-eslint": "^7.2.2", "babel-jest": "^19.0.0", "babel-loader": "^6.4.1", "babel-plugin-add-module-exports": "^0.2.1", "babel-plugin-root-import": "^5.1.0", "babel-plugin-transform-async-to-generator": "^6.24.1", "babel-plugin-transform-decorators-legacy": "^1.3.4", "babel-plugin-transform-object-rest-spread": "^6.23.0", "babel-polyfill": "^6.23.0", "babel-preset-es2015": "^6.24.1", "babel-preset-react": "^6.24.1", […]

如何将webpack-node-externals的所有子依赖列入白名单

我正在使用webpack捆绑使用target属性的服务器资产。 这会产生一个可用的客户端软件包和一个可用的服务器,这个服务器运行良好。 不过,即使对于服务器代码,webpack也是将所有内容捆绑在node_modules 。 我正在尝试使用webpack-node-externals来解决这个问题,如下所示: module.exports = [ { name: "server code, output to ./server", entry: "./servertest.js", output: { filename: "./server/index.js" }, target: "node", externals: [ nodeExternals({ includeClientPackages: false }) ] }, { name: "client side, output to ./public", entry: "./app.js", output: { filename: "./dist/app.js" } } ] 这不起作用,因为它的默认行为是排除所有的node_modules捆绑,从而使服务器无用。 有一个白名单选项,为此我包含了express ,这是我的小testing用例的唯一依赖项。 它不会在expression式上失败,然而它不依赖于expression式, merge-descriptors 。 当然,如果我将合并描述符添加到白名单中,尝试启动服务器将会失败另一个express的依赖项。 […]