Tag: webpack

使用带有NodeJs本机模块的webpack: 我有一个Node.js应用程序，它有几个本地模块，它们是通过node-gyp创build的。这些模块不会以“node_modules”结尾，并且需要通过节点上的标准“请求”… 我的webpackconfiguration是基于这篇文章如果我运行的应用程序“unpackaged” – 一切工作正常…但是在我运行“webpack -p –progress”并尝试运行它后，我得到以下： X:\myapp>node main-backend.bundle.js env=production port=80 ssl_port=443 [Error: Cannot open X:\myapp\lib\modules\my-module\build\Release\mymodule.node: Error: The specified module could not be found. 我确保所有的装载机都安装了npm。从错误，我可以告诉path是正确的（相对于server.native.js），但显然不是app.js …但是，这只是“正常工作”，当使用常规node.js，我不知道如果这甚至是问题的症结所在我将不胜感激任何帮助！这里是我的应用程序的删节布局 myapp/ app.js node_modules/ lib/ modules/ my-module/ src/ one.cc one.h lib/ server.native.js bindings.gyp build/ Release/ mymodule.node server.native.js非常简单，调用本地模块 try { module.exports = require('../build/Release/mymodule.node'); console.log('native module loaded…'); } catch […]

Webpack – 没有输出文件，没有错误报告: 我正在学习Webpack，并一次又一次地通过它。在最新版本中，有一些非常奇怪的事情发生。 CLI报告一切正常＆输出文件dress_aphrodite.js被emitted ，但无处可查找文件夹中。这里是日志：从CLI： http://localhost:8080/webpack-dev-server/ webpack result is served from /app/ content is served from ./app Hash: 5334867c12acfa65ba90 Version: webpack 1.12.9 Time: 1966ms Asset Size Chunks Chunk Names dress_aphrodite.js 390 kB 0 [emitted] main dress_aphrodite.js.map 479 kB 0 [emitted] main chunk {0} dress_aphrodite.js, dress_aphrodite.js.map (main) 354 kB [rendered] [0] multi main 52 bytes {0} […]

安装webpack不能在Heroku上运行: 我使用Heroku来托pipe我的应用程序和webpack来构build它。基本上，我试图部署我的应用程序，但它根本不工作。后装似乎没有发生，因为当我加载页面时，它缺less文件bundle.js （这是通过webpack构build）。这是我的package.json脚本： "main": "server.js", "scripts": { "dev": "webpack-dev-server –devtool eval –content-base build/ –colors –hot", "start": "node server.js", "postinstall": "webpack -p –config webpack.prod.config.js –progress" } 当我把我的项目推到heroku时，在这个过程中没有显示错误。我可以在控制台中看到它正在运行我的postinstall： remote：> pistou@1.0.0 postinstall / tmp / build_80dea0f9774d7a9a5f8f33ee9c913bca remote：> webpack -p –config webpack.prod.config.js –progress 这是我的整个webpack.prod.config.js文件： var path = require('path'); var webpack = require('webpack'); var node_dir = path.resolve(__dirname, […]

如何在Webpack 2.x中debuggingSystemJS ENOENT没有这样的错误错误？: 升级到Webpack 2.x后，编译和重新编译（在HMR模式下）出现此错误： (SystemJS) Error: ENOENT: no such file or directory, open … 有没有人find解决办法？这里是源代码： https://github.com/kriasoft/react-static-boilerplate/tree/webpack2 （见PR ＃102 ）

Webpack和Nodejs同构需要绝对path: 目标：我正在尝试在nodejs和webpack中设置一个项目，使得require函数可以使用项目目录作为根目录，所以我可以在两个环境中都要求相对于项目根的绝对path （同构使用，即React server + client render ）。状态：在webpack中，你可以设置config.resolve.root来使其工作，但是在nodejs中，最好不要覆盖/修改global.require。 build议1 ：我可以发挥新的全球职能 global.p_require 所以它在节点中工作; 然而，我不能find一种方法让webpackparsing“p_require”到__webpack_require__中，而无需更改webpack源代码。 build议2 ：我可以创造一个新的全球variables global.ROOT_DIR = process.cwd() 所以它在节点工作 require(ROOT_DIR + <relative path to root>); 然而，webpack会认识到这是dynamic的要求。有没有办法让webpackparsingROOT_DIR？我已经尝试了定义插件，但似乎加载后的需求被webpackparsing。题任何人有解决scheme或面临同样的问题？

如何在Node应用程序中使用Webpack加载器？: 有没有一种方法可以在Web应用程序中使用Webpack加载器/在Webpack环境中运行Node应用程序？例如我有一个webpackconfiguration，有一个样式加载器。在我的Node应用程序中，我执行以下操作： import style from 'style.css' console.log(style.someClass) 我想运行它像$ node app.js

webpack dev服务器混合内容错误: 我使用webpack-dev-server在Cloud9上运行基于React的网站，因此它通过https提供内容。问题是，当我尝试做一些Ajax（networking）请求到外部http链接，它给出了以下错误：混合内容：“https：// …”页面通过HTTPS加载，但请求不安全的XMLHttpRequest端点“http：// …”。此请求已被阻止; 内容必须通过HTTPS提供。是否有任何技巧的webpackconfiguration，使其可能从http请求数据？

webpack的sass-loader不会find没有下划线前缀的基础scss文件: 最近，我正在开发带有webpack ， sass ， bower和foundation5的快速前端开发工具链。我遇到一个问题：sass-loader只加载下划线前缀的 scss文件。环境节点v0.12.4 webpack 1.9.11 节点sass 3.2.0 sass-loader 1.0.2 os gentoo 3.18 webpack.config.js var webpack = require('webpack'); var path = require('path'); var getDir = function() { var args = Array.prototype.slice.call(arguments); return path.join.apply(path, [__dirname].concat(args)); }; module.exports = { // webpack options context: getDir('./src'), entry: { test: "./style/test.scss" }, output: { […]

无法findwebpack的生成文件夹: 我刚开始使用webpack开发React应用程序。我的configuration文件如下， var webpack = require('webpack'); module.exports = { devtool: "eval", entry: { app: [ "webpack-dev-server/client?http://0.0.0.0:8080", "webpack/hot/only-dev-server", "./src/scripts/main.js" ] }, output: { path: "./build", filename: "bundle.js" }, plugins: [ new webpack.HotModuleReplacementPlugin(), new webpack.NoErrorsPlugin() ], resolve: { modulesDirectories: ['node_modules'], }, module: { loaders: [ { test: /\.jsx?$/, loader: "react-hot!babel", exclude: /node_modules/ }, { test: /\.css$/, loader: […]

webpack无法加载模块jquery: 我想使用webpack在打字稿中导入jquery。这就是我所做的。 npm init -y npm install -g webpack npm install ts-loader –save touch webpack.config.js 在文件中，我写了这个 module.exports = { entry: './app.ts', output: { filename: 'bundle.js' }, resolve: { extensions: ['', '.webpack.js', '.web.js', '.ts', '.js'] }, module: { loaders: [ { test: /\.ts$/, loader: 'ts-loader' } ] } } 然后创buildapp.ts并写下以下内容 import $ = require('jquery'); 然后我npm install […]