Tag: webpack

使用webpack-dev-server的局域网访问节点服务器

我使用Express，React和Webpack构build了一个应用程序。 我使用了webpack-dev-server和react-hot-loader来实现生活。 Express服务器位于端口3000上，webpack-dev-server服务器文件位于localhost:8080 。 现在我想访问局域网中另一个客户端的应用程序。 我可以访问development machine IP:3000 ，但不能访问localhost:8080 我的webpack.config.dev.js文件是： var webpack = require('webpack'); module.exports = { devtool: 'inline-source-map', entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './src/client/entry', ], output: { path: __dirname + '/public/js', filename: 'app.js', publicPath: 'http://localhost:8080/public/js', }, plugins: [ new webpack.HotModuleReplacementPlugin(), new webpack.NoErrorsPlugin(), new webpack.DefinePlugin({ "process.env": { BROWSER: JSON.stringify(true) } }) ], resolve: { extensions: ['', […]

使用webpack捆绑CSS

我有几个NPM mudules，我试图捆绑webpack，所以我不必使用CDN。 我能弄清楚如何使.js文件工作，但我不明白如何获得相同模块的.css文件。 例如我有Bootstrap有一个NPM模块。 在我的entry.js文件中，我require('bootstrap'); 但只有给我的JavaScript文件。 我已经看到其他npm模块像bootstrap-webpack等，但我不明白为什么我需要下载另一个模块，如果我已经有我的node_modules引导部分。 与“font-awesome”，“animate.css”，“select2” 我错过了什么？

用于部署的Webpackconfiguration

我正在使用webpack运行反应的服务器端应用程序。 对于开发我使用babel节点，但我必须创build部署包，我创build这样的命令： ENV=staging webpack -d –config webpack.config.dist.babel.js –display-error-details 它正在/ dist文件夹中创build包。 我在这个文件上运行节点： node dist/index.js ，这是正常工作，但是当我复制/ dist文件夹到另一个目录，然后运行相同的命令后，我得到这样的错误： Error: Cannot find module 'babel/register' at Function.Module._resolveFilename (module.js:338:15) at Function.Module._load (module.js:289:25) at Module.require (module.js:366:17) at require (module.js:385:17) at Object.module.exports.obj.__esModule.default (/Users/xxxx/dist/index.js:64:19) at __webpack_require__ (/Users/xxxx/dist/index.js:21:30) at Object.<anonymous> (/Users/xxxx/dist/index.js:53:2) at __webpack_require__ (/Users/xxxx/dist/index.js:21:30) at /Users/xxxx/dist/index.js:41:18 at Object.<anonymous> (/Users/xxxx/dist/index.js:44:10) 我无法find解决scheme，我正在尝试从babel 5升级到6，但这是非常艰巨的任务，需要太多的时间。 你知道什么会导致这个问题吗？ 我可以添加webpackconfiguration如果你想。

React-Router无法导入组件内的组件

我在理解如何使用react-router来构build路由和页面时遇到了一个问题，我学习了反应的原理，并且正在处理当前位于24ways的post。 我面临的问题是导入组件的能力。 例如，我有我的路由器设置如此： // Router export const routes = { path: '', component: appComponent, childRoutes: [ { path: '/', components: {nav: navbarComponent, content: indexComponent} }, { path: '/join', component: {nav: navbarComponent, content: joinComponent} } ] }; // appComponent import React from 'react'; export default class appComponent extends React.Component { render() { const { nav, content […]

如何将外部可访问的文件夹添加到webpack dev服务器

我开始使用webpack（vue-cli webpack安装），在我的项目中我有2个文件夹（pdfview和imgview）。 我的webpackconfiguration是vue-cli模板的默认configuration，我还没有修改（只是为sass和字体添加了一些加载器）。 这两个文件夹是文档查看器（一个用于PDF，另一个用于图像文件），它们以这种方式工作： [domain] /pdfview/viewer.html?file= [文件path] 当我运行“npm运行开发”时，webpack开发服务器启动为http：// localhost：8080 ，但它在内存中，我的应用程序有一个iframe试图加载观众。 如何将这个文件夹path公开到webpack开发服务器，以便在“localhost：8080 / pdfview / viewer.html？file = [文件path]”中访问它们？ 我还没有发现任何内容，如果有人有文章，或知道我还没有看到文档的一些部分，请让我知道。 提前致谢。 PS：两个观众有相同的文件夹结构：viewer.js，viewer.html和viewer.css。 其他PS：对不起，我的英语不好…

是否有可能使用Webpack绑定节点库，所以导致的代码将与execjs工作？

我的服务器端是轨道，我试图做同构呈现与反应和中继。 我发现的唯一方法是使用npm模块同构中继。 显然它使用节点获取，而这又是使用“http”库。 是否有可能使用webpack（或其他工具）来创build包含所有代码的单个包，然后使用execjs（以Node作为引擎）运行它？ 当我使用节点作为目标webpack叶'http'作为外部需求，假设节点将加载它，所以execjs不能运行它… 细节： 我的源文件是单行 require('isomorphic-fetch'); 使用webpackconfiguration： target: 'node', output: { path: path.join(__dirname, '..', 'public', 'webpack'), publicPath: '/webpack/', filename: 'server-bundle.js', libraryTarget: 'commonjs2' }, 结果包包括各种要求，如下所示： /* 3 */ /***/ function(module, exports) { module.exports = require("url"); /***/ }, /* 4 */ /***/ function(module, exports) { module.exports = require("http"); /***/ }, /* 5 */ /***/ function(module, […]

我如何添加我的自定义npm包到TypeScript定义pipe理器？

我用javascript创build了几个自定义npm模块。 不久之前，我开始尝试typescript 。 所以有我的问题。 如何将我的包添加到TypeScript Definition manager ？ 或者，也许我应该重写他们typescript ，然后呢？ TypeScript定义pipe理器 在我的项目中，我正在使用webpack ，也许我不应该创build任何定义，也许你知道用打字机使用我的模块的一些好方法？

如何在Express + Webpack +把手中“url-loader”图像

您好，我使用快递与Handlebars作为视图引擎，并想知道如何将图像embedded到我的模板中，并使其对Webpacks的url-loader “可见”。 也许一个可能的解决scheme是使用handlebars-loader但我不想使用它。 我想达到的是使用把手相当于玉的' img(src=require("./my/image.png")) 但是没有使用handlebars-loader 。 谢谢

react-router RouterContext部署错误

我努力使我的通用Reactnetworking应用程序在服务器上运行（OpenShift）。 我之前开发了其他通用应用程序，但从未遇到过这个错误： 基本上，当在服务器上运行时， RouterContext传递给ReactDOM。 renderToString （）不被识别为有效的React元素。 在本地主机上深入挖掘renderToString实现，我有这个值为RouterContext上下文types： 但在服务器上，我得到了这个： 这就是为什么React在创buildRouterContext元素时引发不变违规的原因。

如何与ReactJS和NodeJS一起使用Webpack？

如何与ReactJS和NodeJS一起使用Webpack？ 我的问题是服务器和客户端都需要通过（babble等）进行传输，但Webpackconfiguration文件只有一个输出文件。 我需要的是我的节点应用程序构build和我的客户端应用程序构build和放在build/ 。