Tag: browserify webpack

将Webpack语法转换为browserify语法

我正在学习Flux，并在使用react-router的app.config中查找一些示例代码： import React from 'react'; import Router from 'react-router'; import { DefaultRoute, Link, Route, RouteHandler } from 'react-router'; import LoginHandler from './components/Login.js'; let App = React.createClass({ render() { return ( <div className="nav"> <Link to="app">Home</Link> <Link to="login">Login</Link> {/* this is the importTant part */} <RouteHandler/> </div> ); } }); let routes = ( <Route name="app" path="/" […]

简单的解决scheme可以通过多个Browserify或Webpack软件包共享通过NPM加载的模块

将我的头发拉到这里寻找一个简单的解决scheme，通过NPM，跨多个Browserify或Webpack包共享代码。 思考，是否有文件“桥梁”这样的事情？ 这不是由于编译时间（我意识到watchify），而是希望将所有供应商特定库vendor.js到vendor.js以便保持我的app.js文件大小，并且不会使浏览器崩溃sourcemaps。 另外，如果需要查看编译后的js，我觉得它更清洁。 所以： // vendor.js require('react'); require('lodash'); require('other-npm-module'); require('another-npm-module'); 非常重要的一点是，代码必须从NPM加载而不是Bower加载，或者保存到某个“供应商”目录中，以便通过相对path导入并通过填充程序标识。 我想保留通过NPM拉除每个库参考，除了我的实际应用程序源。 在app.js我保留了所有的源代码，并通过externals数组，从编译中排除了上面列出的供应商库： // app.js var React = require('react'); var _ = require('lodash'); var Component = React.createClass() // … 然后在index.html ，我需要这两个文件 // index.html <script src='vendor.js'></script> <script src='app.js'></script> 使用Browserify或Webpack，我怎样才能使app.js能够“看到”通过npm加载的模块？ 我知道创build一个与外部的捆绑，然后通过别名引用直接文件（在，例如node_modules ），但我希望find一个更自动的解决scheme，更less的“Require.js”像。 基本上，我想知道是否有可能桥接两个，以便app.js可以查看内部vendor.js为了解决依赖关系。 这似乎是一个简单，直接的操作，但我似乎无法在这个宽广的networking上的任何地方find答案。 谢谢！