Tag: webpack

将我的库分离到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": […]

在npm中找不到babel-loaders模块，从而反应js

而npm开始 Webpack.json文件： var config = { entry: './main.js', output: { path: __dirname + "/dist/js", filename: 'index.js', }, devServer: { inline: true, port: 8080 }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel-loaders', query: { presets: ['es2015', 'react'] } }] }} module.exports = config; multi（webpack）-dev-server / client中的错误？ http：// localhost：8080 webpack / hot / dev-server […]

Webpack，vue.js和组件捆绑分离

我们正在尝试构build一个在客户端使用vue.js的“可插件”Java Web应用程序。 一般描述 假设我们想要得到下面的服务器端应用程序简化架构，没有在生产中使用NodeJs（使用Java和Osgi，但在我看来这并不重要，它可能是PHP，.Net或者其他）： 一个主要的Web应用程序，其中包括：vuejs2，路由器和一些通用的依赖项（bootstrap，jQuery等），在客户端， 许多Web应用程序插件，其中包括：附加和/或可选的vue.js组件和第三方依赖项。 我们想要什么 webapp执行检查服务器端可用的webapp插件的工作，然后在索引文件中公开适当的JS文件。 例如 ： app.js：主要的webapp加载器和一般的依赖关系， pluginA.js：由服务器端插件“A”提供的vue.js组件， pluginB.js：由服务器端插件“B”提供的vue.js组件。 整个webapp不是通过nodejs构build的，而是使用node和webpack分别构build3个示例。 约束 我们如何才能实现这些插件的构build过程： 我们希望避免javascript构build过程必须同时调整应用程序的所有部分： 检查 ，我们有1个embedded式vue应用程序，每个webapp插件，Maven运行每个webapp插件和服务器端的节点构build过程做的工作分开揭露所有的3个文件， 插件JS文件只包含他们想要提供的构buildvue组件和第三方依赖关系： 未选中 ，所有3个输出文件夹都包含所有的JS依赖关系。 思路 对于每个webapp插件，我们认为我们需要find一种方法来构buildwebapp插件的所有.vue文件，并从输出文件中排除所有其他依赖项。 因为我们对节点和vuejs世界是新的，我们怎么能实现呢？ 谢谢你的帮助。

在reactApp creation-configuration.output.path中使用Webpack时出错：提供的值“./”不是绝对path！

我正在关注在线教程，在ReactJS中创build第一个应用程序。 在节点中使用npm进行手动软件包安装之后。 安装完成后，我正在尝试运行npm start时遇到问题，出现如下错误：“无效的configuration对象。Webpack已经使用与API模式不匹配的configuration对象初始化 – configuration.output.path：提供的值” ./“不是绝对path！”。 请让我知道哪里出了问题。 在附件中查找快照。 Webpack错误

根据控制台input来定位特定的环境

为了说明这个问题，我正在使用popup的create-react-app作为我的项目的布局。 我有5个环境，我的应用程序将被部署到。 每个环境都有相同的服务（主要是），例如： //environment 1 https://environment1.service1.foo.bar https://environment1.service2.foo.bar //environment 2 https://environment2.service1.foo.bar https://environment2.service2.foo.bar 为了在过去的项目（Angular / Gulp）上实现这一点，我有一个吞吐任务，基本上会寻找一个variables被传入 gulp build –environment environment1 代码如下所示： gulp.task('environment', ['clean-environment'], function() { log('Copying environment'); var environmentFile = config.environmentSrcDir + 'env2.js'; if (args.environment !== 'env2' || args.environment === 'env3' || args.environment === 'env4' || args.environment === 'evn5') { environmentFile = config.environmentSrcDir + args.environment + '.js'; […]