(vue 文件)+ background.ts => ...[webpack]... =>(捆綁的 vue 文件)+ background.js無法執(zhí)行 background.js預期 background.js 僅包含“console.log('test');”我有一個帶有 webpack 和 typescript 的 vue 項目。除了[vue JS相關(guān)文件]之外,我希望我的構(gòu)建步驟生成一個“background.js”文件。我在打字稿中有一個源文件:“background.ts”。通過 vue.config.js 我添加了一個 webpack 條目“背景”。它確實像我預期的那樣構(gòu)建了一個文件“background.js”但它是捆綁的(我認為),它不能由 chrome 插件執(zhí)行?,F(xiàn)在我想要的只是有一個執(zhí)行“console.log('test');”的“background.js”文件。調(diào)用腳本時包含的指令。謝謝,webpack 是地獄編輯:添加文件:// vue.config.jsconst 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 }, ]), ] }}“$vue 檢查”的內(nèi)容 $vue 檢查 > https://pastebin.com/6F3zwLhC我嘗試了什么:導出一個函數(shù)而不是我的純代碼:export default function() { console.log("gboDebug: background.ts dans export function");}// 而不僅僅是console.log("gboDebug: background.ts dans export function");在文件末尾添加這個,因為我在某處看到它: export default null;檢查我的 console.log 是否在 background.js 捆綁文件中將 background.js 的結(jié)果粘貼到導航器中使用腳本創(chuàng)建的 webpackJsonp 全局變量我想到了什么:有一個 npm 腳本,它 1-bundle-vue-webpack 然后用 babel-loader 2-transpile 我的文件使用 webpack 中的庫輸出選項,但我認為它使代碼可用于變量,加載時不會自動執(zhí)行代碼IIFE 中的 webpack 輸出:https ://webpack.js.org/configuration/output/#outputiife
webpack - 在不捆綁的情況下編譯 1 個 ts 文件(2 個條目)
慕容3067478
2022-06-16 17:33:11