Articles of webpack

如何构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 […]

将我的库分离到Libs,Core和Addons

我在这个世界很新,所以忍受着我。 我有我的大图书馆,我试图将其转换为es6模块, babel & webpack将其捆绑到几个文件。 我的库文件夹看起来像这样 –src — core — folder1 — folder2 — addons — addon 1 — addon 1 files and folders — addon 2 — addon 2 files and folders — libs — internal — internal lib1 — internal lib2 — external — external lib1 — external lib2 我的库代码是分开的2 – 核心代码和插件,我正在使用一些库( libs文件夹) […]

Webpack编码问题加上webpackJsonp没有定义

我一直在使用相同的webpack构build系统约一年,现在我一直得到以下错误,每2-3浏览器刷新。 我从来没有升级在这个版本运行的服务器上的node.json节点,npm或者其他东西。 如果有任何JS语法错误,当前的构build系统将不会成功。 错误: 无效或意外的标记(bundle-1.js) webpackJsonp没有定义(bundle-2.js) 当我检查bundle-1.js ,即使设置了EncodingPlugin来编码UTF-8,我仍然看到以下编码问题: 我读过其他关于“webpackJsonp未定义”的SOpost,并尝试: 以不同的顺序加载我的依赖关系 将minChuncks的CommonsChunkPlugin设置为Infinity 我正在使用以下软件版本: 节点v4.6.2 npm v3.9.0 webpack 1.10.1 grunt webpack 1.0.11 webpack编码插件0.2.1 任何帮助为什么这些错误出现在运行时表示赞赏。

为vue-cli运行“npm run dev”时出现跨环境问题

我与CentOS7,安装在VirtualBox(真正的操作系统:Windows 7)。 节点版本:6.10.3 Npm版本:3.10.10 我安装了vue-cli,像这样: sudo npm install -g vue-cli 然后我创build了一个新的vue项目,如下所示: sudo vue init webpack-simple mynewproject 但运行“npm run dev”时出现错误: > mynewproject@1.0.0 dev /var/www/html/mynewproject > cross-env NODE_ENV=development webpack-dev-server –open –hot sh: cross-env : commande introuvable npm ERR! Linux 3.10.0-514.el7.x86_64 npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "run" "dev" npm ERR! node v6.10.3 npm ERR! npm v3.10.10 npm ERR! […]

webpack watch编译器 – 获取导致重新编译的文件

webpack.compiler有一个属性,通知你哪个文件导致重新编译? (当然在看) 这是我到目前为止,在stats找不到这个文件,然而: webpack.compiler.plugin('done', (stats) => { console.log(stats); }); 然而,阅读控制台我找不到我的文件,导致重新编译。 有这样的财产吗?

在if-else中看不到process.env.NODE_ENV

console.log显示process.env.NODE_ENV production , I'm in if-statement在控制台I'm in if-statement ,为什么我不能赶上“其他语句”? 用逻辑解释我必须在其他语句。 console.log('process.env.NODE_ENV', process.env.NODE_ENV) if (process.env.NODE_ENV !== 'production') { const webpackMiddleware = require('webpack-dev-middleware'); const webpack = require('webpack'); const webpackConfig = require('./webpack.config.js'); app.use(webpackMiddleware(webpack(webpackConfig))); console.log('I\'m in if-statement'); } else { app.use(express.static('dist')); console.log('__dirname', __dirname); app.get('*', (req, res) => { res.sendFile(path.join(__dirname, 'dist/index.html')); }) console.log('I\'m in else-statement'); } 在控制台我键入set NODE_ENV=production && node […]

Webpack Angular 4开始的问题

我在我的Angular 4项目中遇到依赖问题。 这是package.json文件: { "name": "angular-webpack-starter", "version": "1.0.0", "description": "A webpack starter for Angular", "scripts": { "start": "webpack-dev-server –hot –inline –progress –port 8080 –open", "test": "karma start", "build": "rimraf dist && webpack –config config/webpack.prod.js –progress –profile –bail" }, "dependencies": { "@angular/animations": "^4.2.5", "@angular/common": "^4.2.5", "@angular/compiler": "^4.2.5", "@angular/compiler-cli": "^4.2.5", "@angular/core": "^4.2.5", "@angular/forms": "^4.2.5", "@angular/http": "^4.2.5", "@angular/platform-browser": […]