怎么让 Browserify 编译时不打包指定文件


问题是这样的,我写了个模块A.js:


 if (typeof module === "object" && typeof module.exports === "object") {
   module.exports.demo = 123;
}

我在main.js里引入了A模块


 var a = require("A");

此时编译Browserify会将main.js和A.js打包在一起,但我希望编译时不把A.js算在内,而是这样引用:


 <script src="A.js"></script>
<script src="browserify编译后的js"></script>

那该如何做呢

前端 web前端开发 web JavaScript

kinki 10 years, 2 months ago

 browserify -r ./A.js -o static/A.js
browserify main.js -o static/main.js -x ./A.js

-r --require ,即表示打包成一个 require 文件, -x --external 表示不打包这个文件到 static/main.js 中,而是从外部文件中加载这个依赖。

HTML 中写:


 <script src="static/A.js"></script>
<script src="static/main.js"></script>

Bolo喵 answered 10 years, 2 months ago

Your Answer