17.webpack 全局上下文中执行一次 JS 脚本(script-loader)

文章参考

1. script-loader

功能说明

在全局上下文中执行一次 JS 脚本。

安装

cnpm install --save-dev script-loader

webpack.config.js 配置

module.exports = {
  module: {
    rules: [
      {
        test: /\.exec\.js$/,
        use: [ 'script-loader' ]
      }
    ]
  }
  ...
}

案例

1. 定义一个init.exec.js文件，是需要被script引入的

function test () {
    console.log('init.exec.js test func')
}

console.log('init.exec.js')
test();

2. 引入init.exec.js文件

import exec from '@src/asserts/js/init.exec.js';

3. 结论
   • 会执行init.exec.js文件
   • 在chrome调试工具console面板中执行window.test(),会有init.exec.js定义的方法，说明init.exec.js类似于在最后将其使用