Импорт статического .js в Vue-cli + webpack

Question

Я уже давно пользуюсь vue-cli и до сих пор не до конца понял, как происходит загрузка файла.Я прочитал документацию и некоторые блоги и с тех пор помог мне разобраться с этим.

Я бы хотел импортировать статические файлы .js с некоторыми константами в компоненте.Я не хочу, чтобы они были связаны при развертывании, поэтому их можно легко найти и изменить, при необходимости непосредственно на сервере, без необходимости перестраивать весь проект.

Я пытался разместить их в / public /каталог constants / foo.js и указывать на них разными путями, используя абсолютные пути

import FOO from '/constants/foo.js';  // Not working

const FOO = require('/constants/foo.js');  // Not working

Как мне этого добиться?

Answer 1

Если я хорошо понимаю, ваш арочный проект похож на

/root
  |__/public
  |     |__/img
  |     |__/css
  |     |__/constants
  |            |__/foo.js
  |            |__/bar.js
  |__/webpack.config.js

В вашем webpack.config.js создайте новую запись, такую ​​как

module.exports = {
  entry: './public/index.js'
};

Затем создайте файл index.js в вашей общедоступнойкаталог и импортируйте ваш foo.js

import foo from './constants/foo';

Конечно, ваш foo.js должен экспортировать что-то вроде

export default function foo() {
  //
}

Надеюсь, что вам поможет.