Включение моего собственного файла js и css в проект Vue Cli3

Question

У меня есть несколько файлов js и css, которые были специально созданы, и я хочу включить их в свой проект Vue Cli3.Есть ли способ импортировать эти файлы в мой проект?

Answer 1

Вы можете использовать препроцессор при создании проекта с помощью vue-cli.

См .: Работа с CSS

Или, если вам не нуженпрепроцессор, и вы используете модули CSS, вы можете пойти по этому маршруту

См .: Модули CSS

Что касается JavaScript, это довольно просто, если вы находитесь на ES2016 /ES6 просто использовать синтаксис

import tool from 'toolmodulename';

Answer 2

Попробуйте это в main.js

import "path-your-css / your-css.css";

Answer 3

Для пользовательских файлов js напишите всю свою логику в объекте и экспортируйте ее в конец файла:

const customJs = {
   /* custom javascript here */
}

export default customJs;

, а затем импортируйте ее туда, где вам нужно:

import * as customJs from '../path/to/file.js'

Для пользовательских файлов CSS вы можете использовать @import между тегами style, например:

@import './../node_modules/foo/bar.css';