如何使用webpack加入JS文件？

Question

我必须将我网站上的几个文件与 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();

它是这样工作的，但是我导出和使用导入模块的方式是否正确？有更好的方法吗？

Answer 1

如果这项工作有效并且您对此感到满意，那就去做吧。

但是在使用 ES 模块时，无论何时使用它，导入 jquery 会更符合习惯：

// ./pages/default.js
import $ from 'jquery';

export default () => $(/* ... */);

// ./main.js
import Default from './pages/default'
import Home from './pages/home'

Default();
Home();

如何使用webpack加入JS文件？

How to use webpack to join JS files?

javascript

webpack

ecmascript-6