Tag: webpack

在部署到heroku时出现错误“错误地加载资源404”bundle.js

我试图将我的应用程序部署到heroku,但它抛出了我列在标题中的这个错误。 我正在使用webpack将文件捆绑到文件bundle.js我只是不知道如何将其部署到heroku,以便bundle.js将可用。 你如何协调webpack与heroku? 我将附加我的db.js文件和package.json文件。 db.js var Sequelize = require('sequelize'); var env = process.env.NODE_ENV || 'development'; var sequelize; if (env === 'production') { sequelize = new Sequelize(process.env.DATABASE_URL, { dialect: 'postgres' }); // This if statement should execute if the app is run on Heroku } else { sequelize = new Sequelize(undefined, undefined, undefined, { 'dialect': 'sqlite', […]

require('file.json')在webpack中不起作用

我有一个JSON文件,我想加载在Typescript类中。 通常这是一个语法 let json = require('file.json'); // Use of json file in TS class 这在正常情况下完全正常工作。 但是当我尝试用webpack编译整个代码时,代码不起作用。 我看到输出代码被replace为以下 var json = __webpack_require__(2); 这没有什么意义。 有人可以告诉我发生了什么事以及如何解决这个问题?

Webpack不能正确parsing我的别名

我试图让我的应用程序的名称空间作为模块工作,并使用此名称空间导入我的组件,并限制使用相对path。 尽pipe我在这里跟着别名的webpack文档: http ://webpack.github.io/docs/configuration.html#resolve-alias我不能使它工作。 这是我的解决scheme对象的样子: resolve: { root: path.resolve(__dirname), alias: { myApp: './src', }, extensions: ['', '.js', '.json', '.jsx'] } path.resolve(__dirname) /Users/Alex/Workspace/MyAppName/ui/ 我在文件/Users/Alex/Workspace/MyAppName/ui/src/components/Header/index.jsx中以这种方式导入我的文件: import { myMethod } from 'myApp/utils/myUtils'; 在构build过程中出现以下错误: ERROR in ./src/components/Header/index.jsx Module not found: Error: Cannot resolve module 'myApp/utils/myUtils' in /Users/Alex/Workspace/MyAppName/ui/src/components/Header @ ./src/components/Header/index.jsx 33:19-56 我也试过与modulesDirectories但它也不工作。 你有什么想法是错的?

jQuery($)在模块文件中不可用

我正在使用webpack捆绑我的代码。 这是我加载jQuery的main.js文件中的代码片段 main.js var $ = global.jQuery = require('jquery) $('someSelctor').on('rest of the code.') // This is working fine var importFile = require('someExport.js') importFile.someFunction(); someExport.js module.exports = { someFunction :function(){ $('someSelector').on(' some other code') // Error here. $ is not a function } } 我也尝试加载jquery像require('jquery')在someExport.js 。 但是这并不能解决问题。 由于jquery已经由main.js加载,我需要再次加载它。也可以如何使用jquery在someExport.js文件 谢谢

如何避免使用webpack这个硬编码的index.js?

任务: CSS :编译.scss,添加前缀,缩小和concat到main.css中 JS : minify和concat到main.js中 我们正在使用webpack和BEM。 项目结构: static/ ├── build │ ├── main.css │ └── main.js └── src ├── blocks │ ├── a │ │ ├── a.js │ │ └── a.scss │ ├── b │ │ └── b.scss │ ├── c │ │ └── b.scss │ └── d │ ├── d.js │ └── d.scss […]

使用多核心加快构buildos.osx.x86 webpack?

由于安装webpack,我的编译时间比API更改时间要长得多。 我还注意到,每次meteorbuild立它只使用我的CPU核心之一。 我已经做了一些研究,并遇到这个包https://www.npmjs.com/package/parallel-transpile2,但我不知道如何集成到我的应用程序。 我使用meteor添加webpack:webpack和webpack:反应。 Sean对parallel-webpack的回应没有提供atmosophere的webpack例子:webpack包 – 没有webpack.config.js,而是一个webpack.json 如果有人已经这样做了,我会感谢您的援助,谢谢!

如何从节点运行某些选项的webpack

我目前有一个包含这个脚本的package.json文件: "build": "webpack –inline –colors –progress –display-error-details –display-cached", 我的资源库的根目录下还有一个webpack.config.js文件。 我试图通过将它们移动到单独的.js文件来减less我的npm脚本。 我做了一些简单的(用rimraf和一个简单的副本清理),但我努力从(节点)JavaScript文件调用webpack。 这是我试过的: // contents of ./build/compile.js var webpack = require('webpack'); var webpackConfig = require('../webpack.config.js'); webpack(webpackConfig); 这什么都不做。 我也试过: // contents of ./build/compile.js var webpack = require('webpack'); webpack({ inline: true, colors: true, // and so on }); 这也什么都不做。 只是调用webpack()也没有做什么… 没有,我的意思是它也不会抛出一个错误。 那么我怎样才能调用webpack,使其使用我的configuration文件,而且还传递像–inline –colors –progress …的标志?

如何从项目或目录自动导入.scss文件

我正在使用Reactjs应用程序。 我正在使用Webpack。 我的目标是能够创build一个组件,并创build一个.scss文件,该组件的样式在同一个目录中。 例如: |- components/ | |– component1.js | |– component1.scss (automatically import files like this one!) | |- main.scss (gets loaded by webpack by default) 为了能够在每次创build新文件时自动导入.scss文件而不需要在main.scss文件中执行@import,我需要做些什么。 我可以接受导入给定目录内的所有文件。 如果我创build一个新的.scss,它应该自动添加到生成的样式。 我不关心import的顺序。 这是可能吗?

Webpack:找不到模块:错误:无法parsing模块browser.js

我正在尝试webpack与反应。 我正在尝试使用babel-loader来传输jsx文件。 我使用任何webpack加载器/插件时收到模块找不到错误。 我在node_modules中安装了所需的插件。 这个问题似乎与path决议。 不知何故,它解决依赖插件时,我的当前目录prepends绝对path。 这是我的webpack.config.js的片段 module: { loaders: [{ test: /\.jsx?$/, exclude: /(node_modules|bower_components)/, loader: 'babel', // 'babel-loader' is also a legal name to reference query: { presets: ['react', 'es2015', 'stage-0'], plugins: ['react-html-attrs', 'transform-class-properties', 'transform-decorators-legacy'] } }] } 当我运行webpack (全局以及通过npm)时,它会给出以下错误: ERROR in ../~/react/lib/ReactDOMNullInputValuePropDevtool.js Module not found: Error: Cannot resolve module '\\users\home\smeghani\private\codebase\react-demo\node_modules\process\browser.js' in H:\codebase\react-demo\node_modules\react\lib resolve […]

不能在webpack中使用openlayers-3

我必须在我正在开发的一个项目中包含openlayers。 我已经试过把它包括在一个ext文件夹和npm。 我在我的工作stream程中使用Webpack。 在编译时,我在控制台中得到以下警告。 WARNING in ./~/openlayers/dist/ol.js Critical dependencies: 730:1111-1118 This seems to be a pre-built javascript file. Though this is possible, it's not recommended. Try to require the original source to get better results. @ ./~/openlayers/dist/ol.js 730:1111-1118 任何想法是什么?