我必須將我網站上的幾個檔案與 webpack 合并，為此我需要使用 JS 模塊。
這是一個子檔案。
export default () => {
$('[data-direction]').on('click', switchFeatured)
function switchFeatured (event) {
const icon = $(event.currentTarget);
if (icon.data().direction === 'right') {
if (featuredCurrent < featuredTotal) {
featuredCurrent ;
}
} else {
if (featuredCurrent > 1) {
featuredCurrent--;
}
}
$('#featured-list').css('left', ( (featuredCurrent - 1) * -100) '%');
}
}
這是主檔案。
window.$ = require ('jquery')
import Default from './pages/default'
import Home from './pages/home'
Default();
Home();
它以這種方式作業，但我匯出和使用匯入模塊的方式是否正確？有更好的方法嗎？
uj5u.com熱心網友回復：
如果這項作業有效并且您對此感到滿意，那么就去做吧。
但是在使用 ES 模塊時，無論何時使用它都匯入 jquery 會更習慣一些：
// ./pages/default.js
import $ from 'jquery';
export default () => $(/* ... */);
// ./main.js
import Default from './pages/default'
import Home from './pages/home'
Default();
Home();
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/445952.html
標籤：javascript 网页包 ecmascript-6