我正在將 Rails 6 應用程式從 webpack 和 webpacker 移動到 esbuild 和 jsbundling-rails
如果不使用刺激，我找不到任何有關在 application.js 中匯入自定義 js 檔案的正確方法的檔案。謝謝。
uj5u.com熱心網友回復：
驗證設定
一旦將 jsbundling-rails gem 添加到 Gemfile
gem "jsbundling-rails"并安裝（請參閱repo 上的安裝檔案），您可能需要使用命令啟動 javascript watcher yarn build --watch。
添加自定義 JavaScript
您可以將自定義 JavaScript 添加到 /app/javascript 目錄，然后將其鏈接到 application.js。添加自定義 javascript 后，捆綁程式應在 /app/assets/build 目錄中編譯新的指紋 javascript 檔案。
例子
添加new.js到 /app/javascript
//new.js
alert('hit')
在 application.js 上鏈接 new.js
//application.js
// Entry point for the build script in your package.json
import "@hotwired/turbo-rails"
// import "./controllers"
import * as bootstrap from "bootstrap"
import './new.js'
在啟動觀察者的終端中，保存新的javascript后輸出
[watch] build started (change: "app/javascript/application.js")
[watch] build finished
現在 /app/assets/build 中有以下檔案
//new.js
(() => {
// app/javascript/new.js
alert("hit");
})();
//# sourceMappingURL=new.js.map
//new.js.map
{
"version": 3,
"sources": ["../../javascript/new.js"],
"sourcesContent": ["alert('hit')"],
"mappings": ";;AAAA,QAAM;",
"names": []
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/468130.html