1. 程式人生 > 實用技巧 >electron 9.0 + @vue/cli 構建專案的坑

electron 9.0 + @vue/cli 構建專案的坑

1. typescript 版本 "@types/node": "^12.12.6", 不能用最新的

2. electron的配置裡面background.ts -->> nodeIntegration: true

3.引入antd of vue

less-loader 版本 需要 5.0.0

 按需載入需要 yarn add babel-plugin-import --dev

bable-config 配置: plugins: [['import', { libraryName: 'ant-design-vue', libraryDirectory: 'es', style: 'css' }]] 最後的style 官網是寫的 true

 加declare: 建立 someModule.d.ts (命名隨意)  
declare module 'ant-design-vue/lib/locale-provider/zh_CN' {
    const Ant: any
    export default Ant;
  }

4. .vue樣式引入less檔案需要用相對路徑 用@/找不到

5. less檔案的js之類的報錯 vue.config.js 加

css: {
    loaderOptions: {
      less: {
        javascriptEnabled: true
      }
    }
  },