TL; DR
(vue файлы) + background.ts => ... [webpack] ... => (в комплекте vue файлы) + фон. js
У меня есть проект vue с веб-пакетом и машинописью.
Я хочу, чтобы на этапе сборки я получил" фон ". js "файл, кроме [vue JS связанных файлов].
У меня есть исходный файл в машинописном тексте:" background.ts ".
Через vue .config . js Я добавил запись веб-пакета "background".
Он создает файл "background. js", как я и ожидал
, но он в комплекте (я думаю) и он не может быть запущен плагином chrome.
Пока все, что мне нужно, это иметь файл "background. js", который выполняет "console.log ('test');" Инструкция, которую он содержит, когда вызывается скрипт.
Спасибо, веб-пакет - это ад
Редактирование: добавление файлов:
// vue.config.js
const CopyWebpackPlugin = require('copy-webpack-plugin');
module.exports = {
filenameHashing: false,
chainWebpack: config => {
// add your custom entry point
config
.entry('background')
.add('./src/background.ts');
},
configureWebpack: {
plugins: [
new CopyWebpackPlugin([
{ from: 'manifest.json', to: 'manifest.json', flatten: true },
]),
]
}
}
content of " $ vue проверять "$ vue проверять> https://pastebin.com/6F3zwLhC
Что я пробовал:
вместо экспорта функции моего простого кода:
export default function() {
console.log("gboDebug: background.ts dans export function");
}
// вместо просто
console.log("gboDebug: background.ts dans export function");
в конце файла, добавляющего это, потому что я где-то видел:
export default null;
проверил, что мой console.log был в фоновом режиме. js в комплекте файл
- вставил результат фона. js в навигатор
- играл с глобальным var webpackJsonp, который создает сценарий 1102 * -webpack, а затем 2-транспортный файл с помощью babel-loader
- , играющего с опцией вывода библиотеки в webpack, но я думаю, что он делает код доступным для использования в переменной, он не o-выполнить код при загрузке