Articles of webpack

can'ffind“process.env.NODE_ENV”

每当我在configuration文件中看到variablesprocess.env.NODE_ENV总是困扰我,特别是webpack.config.js 。 我在哪里可以find这个? 因为有时候我想改变它的价值而不是development 。

如何通过AJAX加载容器应用程序中的React组件

什么是通过AJAX在现有的React应用程序中加载/插入React组件的最佳实践。 我正在考虑通过AJAX加载各种React组件的“容器应用程序”。 这怎么可能呢? 这与webpack如何工作?

你如何获得在vuejs组件unit testing中定义的“this”variables

我想在npm脚本中使用mocha-webpack来testing一个vuejs组件。 我在testing中嘲笑这样的vuex商店: const vm = new Vue({ template: '<div><test></test></div>', store: new Vuex.Store(mockedStore), components: { 'test': TestItems } }).$mount() 我在组件上调用一个方法来testing,例如: vm.$options.components.test.methods.foo() 在组件中,我有访问商店的代码,例如: this.$store.commit('bar', data) 问题是,当它到达这一点,我得到这个错误: 'Cannot read property \'commit\' of undefined' undefined undefined 我证实在这方面“这个”是未定义的。 当我运行应用程序时,“this”被定义并且具有“$ store”。 我如何使它在unit testing环境中工作?

Git Bash和webpack

你好,我正在试图学习Webpack我一直在一些教程,我遇到了一些问题。 我在本地安装了webpack文件夹,我正在使用npm install webpack –save-dev 。 我做了两个JS脚本,我想捆绑他们,我已经尝试在WindowsPowerShell(我正在使用Windows 7)下面的命令webpack script-1.js /.bundle.js 。 现在这造成了以下错误 webpack不被识别为内部或外部命令可操作的程序或batch file 所以我安装了全球的webpack,当我在PowerShell中使用相同的命令(我已经打开它作为pipe理员),它使bundle.js文件,但不是在我工作的目录,但在C: 现在这个失败后,我决定尝试使用git bash。 首先我试过这个命令的webpack script-1.js /.bundle.js并得到以下错误 bash:webpack:找不到命令 最后经过一番尝试后,我能够使用git bash中的这个命令工作node_modules/.bin/webpack ./script-1.js bundle.js 有没有办法解决这个问题,所以我可以只键入webpack而不是整个path? 还有一种方法可以修复PowerShell中的path? 这是我的package.json { "name": "webpack-playlist", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "repository": { "type": "git", "url": "git+https://github.com/iamshaunjp/webpack-playlist.git" […]

npm只安装节点服务器?

这可能是一个非常绿色的问题,但我一直在使用webpackdevise一个反应的应用程序,并使用npm install安装各种软件包。 每个软件包都用于某些前端部件,比如制表符或者D3等等。我的问题是,这是否意味着我必须将服务器作为节点服务器? 它可能是一个瓶服务器,或其他一些随机types,仍然使用这些节点包? 我知道这似乎是一个愚蠢的问题,因为我使用节点,他们被称为节点模块,但他们都是前端而不是后端,所以我不知道他们是否需要一个节点返回结束与否。

在app.js中需要错误

我最近开始编写一个用nodejs编写的新游戏,由于某种原因,它不允许我在app.js中使用require,我知道它是可能的,因为我做了其他类似的游戏 这是我在网站上的控制台收到的错误Uncaught ReferenceError: require is not defined at app.js:2 这也是它的代码 var socket; var pg = require('pg'); var config = require('../../config.json'); var conString = config.database.uri; var client = new pg.Client(conString); client.connect(); 这个错误是从运行我的代码的其余部分,即时通讯几乎可以肯定,这条线 var config = require('../../config.json'); 在我修正第一个问题后也会产生一个错误 根据webpack npm和我所有其他项目做"build": "webpack"应该允许要求在app.js但它不工作 这是我的package.json { "name": "CodingIdleMasters", "version": "0.0.1", "description": "Placeholder", "main": "server/server.js", "scripts": { "build": "webpack", "start": "node […]

用Webpack导入/编译d3 v4

我最近将PostCSS,Gulp和Webpack整合到了我的工作stream程中,但是学习曲线非常陡峭(尤其是Webpack!),并且在编译d3时遇到了问题。 我已经用npm install d3安装了d3 –save,并尝试将其导入为: var d3 = require("d3"); 哪个没用 我尝试安装一个装载机 ,添加 new webpack.ProvidePlugin({ d3: "d3" }), 到我的webpack.config文件并导入为 var d3 = require("d3!"); 哪个也没用 我已经尝试了这里和这里的东西(最后回答加载器)以及。 我从我的浏览器中得到以下错误: Uncaught ReferenceError: d3 is not defined 在命令行中,gulp给了我下面的错误: …./node_modules/loader-runner/lib/loadLoader.js:35 throw new Error("Module '" + loader.path + "' is not a loader (must have normal or pitch function)"); 我的代码回购在这里 。 提前致谢!

webpack postcss-loader在传递函数时不工作

我正在从一个webpackconfiguration中repo removed 。 现在当我运行npm run teststart (使用webpack.development.js )或npm run testbuild (使用webpack.production.js )时,postcss加载器stylelint,autoprefixer和postcss-focus似乎不起作用。 但是,如果我将一个数组而不是form()=> []的函数传递给postcss-loader的插件,它确实可行。 所以例如,如果我改变 options: { plugins: () => [require('autoprefixer'), require('postcss-focus')] } 至 options: { plugins: [require('autoprefixer'), require('postcss-focus')] } 在webpack.production.js它的作品。 但在另一个项目中,函数格式正常工作。 试图找出为什么它不在这里工作。

用socket.io和webpack构build一个反应应用程序是行不通的

本周我正在阅读有关这个​​问题的所有内容,但networking上的任何解决scheme都不适用于我正在开发的项目。 我正在使用反应和相关技术在webapp中工作。 为了使编译过程中使用新版本的webpack(v2.3.2)。 我有我的服务器webpackconfiguration与我的客户端webpackconfiguration分开。 所有的工作都很好,直到我添加了socket.io来创build一些实时组件。 应用networking中的所有解决scheme我仍然在运行我的捆绑脚本时收到以下警告: WARNING in ./~/express/lib/view.js 80:29-41 Critical dependency: the request of a dependency is an expression WARNING in ./~/socket.io/lib/index.js 109:11-32 Critical dependency: the request of a dependency is an expression WARNING in ./~/engine.io/lib/server.js 115:15-37 Critical dependency: the request of a dependency is an expression 当我尝试启动我的项目时,出现以下错误: return /*require.resolve*/(!(function webpackMissingModule() { var e […]

如何构buildreact-treebeard项目?

我是一个基于浏览器的networking程序员。 在过去的几年中,JavaScript开发的简单而直接的世界已经变成一场混乱。 对于一个微小的function,人们必须通过隐秘的命令和深奥的错误消息来安装一百万个正确版本的东西。 我想使用一个简单的小部件: https : //github.com/alexcurtis/react-treebeard 我试图build立这个项目使用,但现在放弃了深深的挫折。 如果我不得不列出我尝试过的东西的数量,它将会填满卷。 有人能告诉我如何在Windows 10上构build这个项目吗?