網站搜尋

javascript - 外部依賴在 rollup.js 中被錯誤打包?

我正在嘗試使用 rollup.js 創建兩個獨立的構建:application.js 和 dependencies.js,分別包含我的應用程式代碼以及公共庫代碼(react、react-dom 等)。

文件說我應該可以簡單地使用 externals: ['react', 'react-dom'] 然後它就能工作——但是當我檢查生成的捆綁包時,我仍然發現兩個庫的完整內容都被包含了。這是我的範例 app.config.js,我

閱讀更多 →

javascript - 如何解決 React Native 中的 "folly/Portability.h" 和 "File .../main.jsbundle 不存在" 的問題?

當我想要編譯我的 iOS 應用程式用於生產時,出現這個錯誤:'folly/Portability.h' 找不到檔案 和 echo 'error: 這個檔案 .../main.jsbundle 不存在。這一定是個錯誤 我已經在網路上搜尋解決這個問題的方法,但我無法解決它

這裡是關於 react-native 的資訊:

React Native Environment Info: System: OS: macOS 10.14.4 CPU: (4) x64 Intel(R) Core(TM) i5-7360U CPU @ 2.30GHz Memory: 38.35 MB / 8.00 GB Shell: 3.2.57 - /bin/bash Binaries: Node: 10.15.0 - /usr/local/bin/node npm: 6.9.0 - /usr/local/bin/npm Watchman: 4.9.0 - /

閱讀更多 →

javascript - YUI 壓縮工具是否支持多個文件的打包?

我使用 jQuery 創建了一個模組系統。有沒有類似 Dojo 的 Shrinksafe 的構建系統,能將我所有的模組文件合併成一個單一文件以供生產使用?

YUI Compresser 是只針對單一檔案壓縮,還是也支援模組檔案的打包?JavascriptMVC 使用自訂版本的 Shrinksafe。在這方面的任何連結或資訊也會有幫助。先謝謝了。

答案#1

RequireJS 有一個優化工具,可以將多個檔案合併在一起,並且使用 Google 的 Closure Compiler 進行 JavaScript 壓縮/註解刪除。這個優化工具是基於我在 Dojo 建置系統中所做的工作,但它是一個更獨立運作的工具。

免責聲明:我開發 RequireJS

閱讀更多 →

javascript - 如何使用 webpack(帶 sourcemap)讓 bundle.js 更易讀?

我正在嘗試建立我的第一個 webpack 專案,但我找不到將輸出 bundle.js 中表示模組的數字鍵更改為描述性字串的方法,這樣在除錯器中追蹤會更容易……

我嘗試過 output.chunkFilename 和 output.sourceMapFilename,但都沒有成功。

這就是我的 gulp 任務看起來的樣子:

gulp.task('webpack', function (done) { webpack({ entry: { app: paths.src + "/main.js", vendor: ['react/addons', 'lodash'] }, output: { path: paths.dist, filename: "bundle.js", sourceMapFilename: '[file].js' }, plugins: [ new webpack.optimize

閱讀更多 →

javascript - 為什麼我的 Webpack 打包檔這麼大?

我正在編寫一些使用 Moment.js 和 Handlebars 的 JavaScript。據說 Moment.js 壓縮後應該是 30 KB,而 Handlebars 壓縮後應該不到 10 KB。但當我使用 Webpack 打包我的程式碼時,我得到的結果檔案竟然是 271 KB!

我安裝了 webpack-bundle-size-analyzer 進行調查,發現文件比預期的大得多:

webpack --json | webpack-bundle-size-analyzer moment: 454.54 KB (74.1%) handlebars: 94.39 KB (15.4%) twitter-text: 62.3 KB (10.2%) &l

閱讀更多 →

javascript - 使用 webpack 打包 stencil 元件

有人知道如何使用 webpack 打包用 Stencil 創建的網頁組件嗎?我有多個 Stencil 組件,需要創建一個包,以便我可以在其他項目中使用它。

答案#1

Ionic 已經為 webpack 開發了一個 Stencil 插件,這允許使用 webpack 打包工具輕鬆導入組件。

你可能也會對這篇出色的文章感興趣,它更詳細地解釋了如何使用這個插件。

答案#2

通常,stencil build 命令會為你將所有內容打包到 components.js 文件中(或你配置的 stencil 的 namespace 值)。所以你不需要自己建立 bundle。如果你在使用 Stencil 打包的 bundle 遇到問題,可以看看 https://stenciljs.com/docs/module-bundling。

閱讀更多 →

javascript - 在 Bun.js 中讀取單行用戶輸入

Bun.js 有一個很棒的原生 API 用來讀取定期的使用者輸入:

const prompt = "Type something: "; process.stdout.write(prompt); for await (const line of console) { console.log(`You typed: ${line}`); process.stdout.write(prompt); }

但是…

我想讀取使用者輸入,在迴圈之外!


我找到了這個解決方案:

閱讀更多 →

javascript - 當部署時 (debug="false") ASP.NET 的捆綁不起作用

在開發中,打包對未合併和未壓縮的檔案如預期般運作,但在部署網站並在 web.config 中設定啟用捆綁後

<compilation debug="false" targetFramework="4.5" />

對一個包的請求結果可能在頂部包含類似以下的註解

/* Minification failed. Returning unminified contents. .. errors like JS1002 or JSxxxx errors

在其他情況下,壓縮不會拋出任何

閱讀更多 →

javascript - 在 Browserify 捆綁檔中應該把 'use strict' 放哪裡

在一個 Browsersify 捆綁包(包含來自多個文件的許多模組)中,use strict 應該出現在何處以確保整個捆綁包以嚴格模式運行?

答案#1

當你需要以統一的方式修改 browserify 的輸出時,通常的做法是使用 transform。

strictify 似乎可以做你需要的事情。

閱讀更多 →

typescript - tsc 不要在我的專案中創建一堆 .js 文件。把它們放到 dist 目錄

我想讓 tsc 將所有的 .ts 文件編譯成 .js 文件,然後把它們放到其他地方。

我的 tsconfig 有這個選項 "outDir": "./dist",。

我執行了一個針對我的核心檔案 tsc ./src/server.ts 的命令。

我該如何讓 tsc 不要到處生成一堆 js 檔案,而是把它們放到 dist 裡面?

編輯:我搞清楚自己做錯了什麼。有沒有什麼方法可以告訴 TypeScript(也許是全局範圍)永

閱讀更多 →