Articles of webpack

无限的Webpack手表循环 – 如何忽略.js文件的变化等

我使用ts-loader的webpack -w命令处于无限循环状态。 我猜测这是因为webpack -w正在看到.js文件的变化,所以导致循环 : webpack -w => ts transpile => .js changes => webpack -w 有没有人见过这个? 告诉webpack-w忽略.js文件是最好的办法吗? 我怎样才能做到这一点? 这是我的webpack.config.js文件: module.exports = { entry: ['babel-polyfill', './lib/index.ts'], output: { path: path.resolve(__dirname + '/dist'), filename: 'suman.js' }, module: { rules: [ // all files with a `.ts` or `.tsx` extension will be handled by `ts-loader` { test: […]

有条件地加载需求的模块(基于节点env)

我正在使用webpack创build捆绑。 我想根据节点variables加载b.js或c.js。 export default (process.env.FOO) ? require('./b').default : require('./c').default; 当process.env.FOO被定义时(指定了FALSE或TRUE),它工作正常。 但是,当process.env.FOO没有定义,似乎webpack捆绑这两个文件。

在heroku上使用webpack部署应用程序

我有一些麻烦,试图将项目部署到Heroku,它在本地工作,但在Heroku,有一个消息“应用程序错误”。 我感谢任何指导或支持知道我做得不好。 据我所知,构build似乎没有任何问题,但试图访问networking,这是致命的。 Github: https : //github.com/gpincheiraa/angularjs-tdd-jest/tree/heroku_deploy url: https : //still-plains-66291.herokuapp.com/ 这是错误日志 2017-10-28T00:04:11.032366+00:00 heroku[web.1]: Starting process with command `node start` 2017-10-28T00:04:12.859627+00:00 app[web.1]: module.js:515 2017-10-28T00:04:12.859643+00:00 app[web.1]: throw err; 2017-10-28T00:04:12.859644+00:00 app[web.1]: ^ 2017-10-28T00:04:12.859644+00:00 app[web.1]: 2017-10-28T00:04:12.859645+00:00 app[web.1]: Error: Cannot find module '/app/start' 2017-10-28T00:04:12.859646+00:00 app[web.1]: at Function.Module._resolveFilename (module.js:513:15) 2017-10-28T00:04:12.859646+00:00 app[web.1]: at Function.Module._load (module.js:463:25) 2017-10-28T00:04:12.859647+00:00 app[web.1]: at Function.Module.runMain (module.js:653:10) 2017-10-28T00:04:12.859647+00:00 […]

如何通过npm包中的filepath引用资产? (应用程序:webworker)

我已经编写并发布了一个vanilla JS节点包,下面是package.json: { "name": "…", "description": "…", "version": "1.0.0", "types": "./index.d.ts", "main": "./dist/bundle.js", … } 我也使用webpack,以下webpack.config.js const path = require('path'); const WebpackShellPlugin = require('webpack-shell-plugin'); module.exports = { entry: './src/js/main.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'bundle.js', library: '', libraryTarget: 'commonjs-module' }, plugins: [ new WebpackShellPlugin({onBuildStart:['rm -r dist', 'mkdir dist']}) ] }; 最后,我使用下面的方式在我的库中使用worker-loader: var MyWorker = […]

在使用中使用Angular 4中的node_module(网站刮板)失败

目前我正在尝试将node_module“网站刮板”[1]添加到我的Angular 4项目中。 我通过“npm install website-scraper -save”下载安装模块。 在我的组件我导入模块“导入*作为刮刀从'网站刮板'”。 到目前为止,所有东西都按预期编译 如果我现在只是添加“console.log(Scraper)”在我的组件的某处,我得到警告[3],我的浏览器抛出错误[2] 有人可以启发我,出了什么事? 我使用节点8.9.0和npm 5.5.1。 无论如何,我尝试多个furhter(旧)版本的节点和npm导致相同的行为。 任何帮助表示赞赏。 提前致谢。 [1] https://www.npmjs.com/package/website-scraper [2] graceful-fs.js:166 Uncaught TypeError: Cannot read property 'prototype' of undefined at patch (graceful-fs.js:166) at Object.eval (graceful-fs.js:27) at eval (graceful-fs.js:262) at Object…/../../../graceful-fs/graceful-fs.js (vendor.bundle.js:884) at __webpack_require__ (inline.bundle.js:55) at eval (index.js:4) at Object…/../../../fs-extra/lib/fs/index.js (vendor.bundle.js:726) at __webpack_require__ (inline.bundle.js:55) at eval (index.js:8) at […]

在创build反应应用程序项目上进行快速身份validation

我正在开发一个带有Express后端的简单项目和一个使用create-react-app引导的前端: my-project |- server.js # backend entry point |- client/ |– package.json # client package.json |– index.js # client entry point 遵循一些指导( 如这样 ),我现在有一个localhost:3001上的后端服务工作,并且在localhost:3000上有一个工作的前端服务。 所有对/api/myapi的API调用都通过代理服务器成功redirect到端口3001。 在我的客户端package.json中: "proxy": "http://localhost:3001/", 现在,一切工作正常,但我有困难的时间使login工作。 事实上,当他访问/login url时,我无法将用户redirect到login页面。 在我的server.js文件里面: app.get('/login', function(req, res) { res.send('This is the login page'); }); 这是根本不工作,而URL /login给我一个空白页,而不是(它看起来不是在端口3001)。 由于这是我第一次使用Express,所以有人可以这样解释我为什么不工作?

将Webpack添加到现有的React应用程序

所以我使用create-react-app构build了第一个应用create-react-app 。 它默认使用npmbuild设,本地运行等… 我想要做的是转移到使用Webpack,但不打破现有的设置,并做了一些谷歌search,但没有开始,一步一步地走,所以我可以更好地感受它正在做什么,去哪里。 也希望也使用webpack-dev-server合并。 这就是说,我希望你们有一些build议,也许还指出了一些很好的教程,为这个前进? 非常感谢。

nodejs / npm / webpack:将依赖项添加为“file:/ some / path”不起作用

在/ project-a中 ,我有一个微小的默认导出类,我已经构build,转换并成功输出到/ dist文件夹中。 因此该项目的package.json的“main”条目是“./dist/index.js”。 我想在发布到npm之前尝试一下(我是新手)。 在/ project-b中 ,我更新了package.json中的依赖关系: "dependencies": { … "project-a": "file:C:\\foo\\bar\\project-a" } 而我呢: import MyClass from 'project-a'; 在使用webpack构build时,我遇到了以下错误: 找不到模块:错误:无法parsing'C:\ webpack \ configfile \ entry \ point'中的'project-a' 所以基本上,我的package.json中的依赖的path被完全忽略! 为什么? 我究竟做错了什么?

Webpack从节点模块自动导入css

TL; DR:有没有什么办法可以从我们的node_modules文件夹中自动扫描或自动导入我们的networking包使用的所有样式表? 我正在使用angularJS作为其MVC框架的项目,我们正在进行迁移到使用webpack的过程。 我目前写了以下configuration: const path = require('path'); const webpack = require('webpack'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const bbProperties = require('./webpack.properties'); const appRoot = __dirname + "/../../.."; console.log('__dirname:', __dirname); module.exports = { entry: { app: appRoot + bbProperties.app.entryScript, login: appRoot + bbProperties.login.entryScript }, output: { path: appRoot + bbProperties.distFolder, publicPath: "dist", filename: "js/[name].bundle.js", }, module: { […]

Webpack,(npm)绑定,并且要求(`fs`)不能一起工作

目前正在使用一个用于通过odbc INSERT语句向SQL数据库提交用户信息的SPA,但是我的本地环境没有正确构build,我无法弄清楚为什么。 链接到npm的绑定: https ://www.npmjs.com/package/bindings macOS version 10.12.6 node -v v8.8.1 webpack -v 3.8.1 截至目前,我可以使用node post.js成功地发布到我的数据库。 但是,当我运行grunt build我收到以下错误: WARNING in ./node_modules/bindings/bindings.js 81:22-40 Critical dependency: the request of a dependency is an expression WARNING in ./node_modules/bindings/bindings.js 81:43-53 Critical dependency: the request of a dependency is an expression ERROR in ./node_modules/bindings/bindings.js Module not found: Error: Can't resolve […]