Tag: webpack

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这个项目吗？

React.semantic ui的Icones没有加载webpack中间件: 我正在尝试使用React Semantic构build一个反应应用程序。我正在使用webpack-dev-server，webpack-hot-middleware和webpack-dev-middleware来自动执行任务。我通过npm安装了反应语义ui。 npm install –save semantic-ui-css semantic-ui-react 然而，webpack似乎不加载./node_modules/semantic-ui-css/themes/assets/fonts/图标，它不是html页面./node_modules/semantic-ui-css/themes/assets/fonts/ 。在控制台中没有错误，它只是不显示图标。如果我没有在反应应用程序中导入semantic-ui-css，并且包含在CDN中，它就可以正常工作。 App.js import React from 'react'; import 'semantic-ui-css/semantic.min.css'; import { Container, Icon } from 'semantic-ui-react'; class App extends React.Component{ render(){ return ( <Container fluid> <h1 id='test'>ReactJs</h1> <hr/> <Icon name='search' /> </Container> ) } } export default App; webpack.config.dev.js import path from 'path'; import […]

Angular jquery插件 – jQuery没有在插件中定义: 我尝试在我的Angular项目中导入jquery-knob插件，所以我通过npm安装了jquery – 工作正常。现在我想添加jquery旋钮（也通过npm），但我得到这个错误，我认为它在 jquery.knob.min.js Uncaught ReferenceError: jQuery is not defined at eval (eval at webpackJsonp.310.module.exports (addScript.js:9), <anonymous>:1:85) at eval (eval at webpackJsonp.310.module.exports (addScript.js:9), <anonymous>:1:95) at eval (<anonymous>) at webpackJsonp.310.module.exports (addScript.js:9) at Object.155 (jquery.knob.min.js?4d31:1) at __webpack_require__ (bootstrap aa173b5…:52) at Object.351 (addScript.js:10) at __webpack_require__ (bootstrap aa173b5…:52) at webpackJsonpCallback (bootstrap aa173b5…:23) at scripts.bundle.js:1 在.angluar-cli.json "scripts": [ "../node_modules/jquery-knob" […]

反应代码不与webpack编译: 我的代码不会编译出于某种原因。奇怪的是，当我在浏览器解释器中使用时会起作用。 <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> <script src="https://unpkg.com/react@15/dist/react.js"></script> <script src="https://unpkg.com/react-dom@15/dist/react-dom.min.js"></script> 反应代码： var Cookies = require('cookies'); var cookieParser = require('cookie-parser'); var name = document.getElementById('name').innerHTML; //var name = req.user.name; var start = false; var Assets = React.createClass({ getInitialState: function(){ return({ assets: [], secondsElapsed: 0 }); }, tick: function() { //this.setState({secondsElapsed: this.state.secondsElapsed + 1}); if(start === true){ console.log(name); var myHeaders […]