Tag: webpack

webpackconfiguration警告和错误:“模块parsing失败”

我正在尝试使用MEAN堆栈构build一个简单的应用程序,并且我正在运行一个Webpack的问题。 当我从控制台运行“webpack”时,出现以下警告和错误: WARNING in ./~/require_optional/package.json Module parse failed: C:\Build\myapp\node_modules\require_optional\package.json Unexpected token (2:9) You may need an appropriate loader to handle this file type. WARNING in ./~/require_optional/README.md Module parse failed: C:\Build\myapp\node_modules\require_optional\README.md Unexpected character '#' (1:0) You may need an appropriate loader to handle this file type. WARNING in ./~/require_optional/LICENSE Module parse failed: C:\Build\myapp\node_modules\require_optional\LICENSE Unexpected token (1:40) […]

如何在Webpack中重新加载sass?

任何机构知道configurationwebpack文件热重新加载sass文件? 这里是我的webpack.config文件,它只是支持HTML和JavaScript热reload.I急于使用sass热重载! 救命!救命! 这里是我的webpack.config var ExtractTextPlugin = require('extract-text-webpack-plugin') var webpack = require('webpack') var path = require('path') module.exports = { entry: [ './src/main.js', ], output: { path: path.resolve(__dirname, 'build'), publicPath: '/build/', filename: 'build.js' }, module: { loaders: [ { test: /\.vue$/, loader: 'vue' }, { test: /\.js$/, loader: 'babel', exclude: /node_modules/, }, { test: /\.(png|jpg|gif)$/, loader: […]

与webpack的Scss提取

我正在尝试使用ExtractTextPlugin提取并将我的scss转换为css,并将其与client.min.js一起移动到src文件夹中,但构buildwebpack.config.js文件时目前正在获取以下问题: ./scss/styles.js中的错误未find模块:错误:无法parsingC:\ Users \ ajoku \ Desktop \ Web Projects \ learn2node \ http \ scss @ ./scss/styles.js中的模块“main.scss” :0-20 我的webpack.config.js文件: "use strict"; var debug = process.env.NODE_ENV !== "production"; var webpack = require('webpack'); var path = require('path'); let ExtractTextPlugin = require('extract-text-webpack-plugin'); let extractSCSS = new ExtractTextPlugin('./scss/main.scss',{allChunks: true}); module.exports = { context: path.join(__dirname, "http"), devtool: debug ? […]

我可以在浏览器中使用nodemailer吗?

我创build了一个简单的webpack应用程序(使用webpack )与联系表单,当用户点击提交我想要生成并发送电子邮件。 要做到这一点,我一直试图使用nodemailer像这样: import nodemailer from 'nodemailer'; //… sendEmail () { const emailInfo = { to: 'foo@bar.com', from: 'bar@foo.com', subject: 'Message from bar', text: 'Hello world!' }; const connectionInfo = { host: '…', port: 123, secure: true, auth: { user: 'foo@bar.com', pass: 'foo123' } }; const transporter = nodemailer.createTransport('SMTP', connectionInfo); transporter.sendMail(emailInfo, function(error){ if(error){ console.log('error'); } […]

WebPack包variables

我正在开发一个“小部件”,我正在使用Webpack,到目前为止一切正常。 但是,在这一点上,我想能够为我的用户提供主题,以便他们可以select他们想要的部件的颜色或位置 有没有办法在被注入之前将这个variables传递给bundle? 就像是 <script src="http://myAwesomeSite.com/js/bundle.js?theme=red"></script>

Webpack / Babel给予意想不到的令牌错误

我有一个使用React和Webpack编写的项目,当我尝试运行我的构build时,我得到一个“意外的令牌”错误。 奇怪的是,我在我的一台机器上得到了这个错误,而另一台却没有。 背景:我有两个不同的环境。 一个是我的开发机器(Windows 10 professional)另一个是我的生成服务器(Windows 10 standard) 在这两台机器上,我已经完全卸载Node,npm等。我已经重新安装了最新版本的Node(Node 6.2.1,npm version 3.9.3)。 当我在开发环境中运行我的构build命令时,一切正常。 当我在构build环境上运行构build时,出现“意外的令牌”错误,您可能需要一个合适的加载器来处理这个文件时间。 当它试图在babel中使用jsx时,似乎发生错误。 我的webpack.prod.config.js文件如下所示: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: { main: [ './dev/js/app/app', ] }, output: { filename: 'scripts.js', path: './.tmp/js/', publicPath: '/js/' }, resolve: { modulesDirectories: ['node_modules'], root: path.resolve('./dev/js/app'), extensions: ['', '.js', '.jsx'] }, module: […]

无法获取rollbar.js来构build基于节点/ webpack的项目

我们希望在我们的node / webpack / babel / ES6 / React-based项目中使用Rollbar.js。 这是不是100%清楚什么是正确的NPM包使用,但它似乎是这样的: https://www.npmjs.com/package/rollbar 从那里,说明是非常简单的:添加一个引用package.json ,安装,并离开你去。 所以这里是package.json的引用: "rollbar": "0.6.2", 运行npm install似乎工作得很好,但是当我运行npm start ,在控制台中出现这个错误: ERROR in ./~/rollbar/lib/parser.js Module not found: Error: Cannot resolve module 'fs' in [myProjectRoot]node_modules/rollbar/lib @ ./~/rollbar/lib/parser.js 7:9-22 ERROR in ./~/rollbar/package.json Module parse failed: [myProjectRoot]node_modules/rollbar/package.json Unexpected token (2:9) You may need an appropriate loader to handle this […]

如果用户未经过validation,则显示公共逻辑React JS和Node API

如果用户没有login,我怎样才能显示公共(即:家庭,关于,身份validation的东西)? 我知道SPA并不意味着刷新,但我希望它改变页面上的大部分脚本。 环境:在单独的项目中使用ReactJS,WebPack和现有的NodeJS API。 我浏览了Webpack文档,了解它只会加载所需的脚本和组件,但所有脚本都可以通过“查看页面源代码”来查看。 如果我理解错了,请纠正我。

在Heroku上部署AngularJs + webpack + gulp

我有一个与webpack和gulp的AngularJs应用程序。 它build立在https://github.com/AngularClass/NG6-starter之上,我想在Heroku.com上部署它。 从构build日志看起来好像一切正​​常,当我尝试访问Web应用程序时,我收到以下消息: 从Heroku应用程序日志: 2016-07-25T11:48:27.455165 + 00:00 app [web.1]:npm ERR! 或者,如果这不可用,您可以通过以下方式获取他们的信息: 2016-07-25T11:48:27.455164 + 00:00 app [web.1]:npm ERR! npm错误ng6-starter 2016-07-25T11:48:27.462393 + 00:00 app [web.1]: 2016-07-25T11:48:27.462658 + 00:00 app [web.1]:npm ERR! 请包括以下任何支持请求的文件: 2016-07-25T11:48:27.455166 + 00:00 app [web.1]:npm ERR! npm所有者ls ng6-starter 2016-07-25T11:48:27.455163 + 00:00 app [web.1]:npm ERR! 吞噬服务 2016-07-25T11:50:18.830449 + 00:00 heroku [router]:at = error code = H10 […]

Webpack需要expression式外部

我有一个expression式要求,应该在运行时解决,但我不能得到我的头围绕这个简单的例子的webpackconfiguration: import something from 'module'; import pkg from './package.json'; let a; if (pkg.main) { a = require(pkg.main); } 生成的版本应该包含module但在运行时也需要./package.json和pkg.main作为commonjs模块 – 换句话说,将它们从版本中排除。 我的webpack.config.js到目前为止: var webpack = require('webpack'); module.exports = { entry: './src/main.js', output: { filename: '[name].js', path: './build' }, target: 'node-webkit', plugins: [ new webpack.ExternalsPlugin('commonjs', './package.json') ], module: { noParse: /\.min\.js/, exprContextRegExp: /$^/, exprContextCritical: false, loaders: […]