鍍金池/ 問答/HTML/ gulp使用'transform-runtime'時出現(xiàn)'require is

gulp使用'transform-runtime'時出現(xiàn)'require is not defined'問題

為了在項目中使用es2017的異步函數(shù)。
所以在使用gulp處理js文件時，我使用了'babel-preset-env'和'babel-plugin-transform-runtime'。
解析后出現(xiàn)了nodejs的require語法，所以瀏覽器報錯了。
我應(yīng)該如何處理這種情況。
希望能得到解答，謝謝。
1.項目依賴：
圖片描述

2.gulpfile.js文件配置：
圖片描述

3.js文件和解析后的文件：
圖片描述
圖片描述

4.瀏覽器報錯：
圖片描述

回答
編輯回答
柒喵

babel-plugin-transform-runtime 庫是 modular 的。如果確定需要引入的話，則需轉(zhuǎn)換 CommonJS 。

用 gulp 可以看看 webpack-stream，或者直接用 webpack 或 Browserify 。

2017年4月16日 16:21
編輯回答
扯機(jī)薄

求樓上詳細(xì)點:我也遇到同樣的問題,當(dāng)js文件里面有 Promise等需要 babel-polyfill轉(zhuǎn)的時候,轉(zhuǎn)出來的合并的文件中有 require(""),但這并不是瀏覽器端的詞法環(huán)境,導(dǎo)致requrie is not defined...求解...

2017年11月25日 18:10
編輯回答
尤禮

這個是 commonjs 包規(guī)范。你應(yīng)該再配合一個 wepack，或者引入 commonjs 庫。

2017年1月20日 11:02