第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

webpack - 在不捆綁的情況下編譯 1 個 ts 文件(2 個條目)

webpack - 在不捆綁的情況下編譯 1 個 ts 文件(2 個條目)

慕容3067478 2022-06-16 17:33:11
(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
查看完整描述

1 回答

?
白板的微信

TA貢獻1883條經(jīng)驗 獲得超3個贊

簡而言之——你不需要打包器來轉(zhuǎn)換單個打字稿文件。只需使用tsc.

特別是對于將 Vue 應(yīng)用程序用作 chrome 擴展的一部分的這個問題,將構(gòu)建應(yīng)用程序和擴展相關(guān)文件分開可能是有意義的。

另一種可能的選擇是使用類似Vue CLI Browser Extension Plugin的東西。


查看完整回答
反對 回復 2022-06-16
  • 1 回答
  • 0 關(guān)注
  • 154 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號