vuejs2 - vite build rollupOptions.external 错误：当我尝试制作 vue 和 vuetify 外部并运行 vite 时，vite 不起作用？

Question

我的 devDependencies

• “萨斯”：“^1.33.0”，
• "vite": "^2.1.2",
• "vite-plugin-html": "^2.0.7",
• "vite-plugin-vue2": "^1.4.2",
• “vue 模板编译器”：“^2.6.12”，

我的 vite.config.js

const { defineConfig } = require('vite')
const path = require('path')
const { createVuePlugin } = require('vite-plugin-vue2')
const dayjs = require('dayjs')
const { injectHtml } = require('vite-plugin-html')
const 

package

 require('./package.json')


const resolve = (dir) => path.join(__dirname, dir)

// https://vitejs.dev/config/
module.exports = defineConfig({
  build: {
    cssCodeSplit: false,
    rollupOptions: {
      external: ['vue', 'vuetify']
    }
  },
  plugins: [
    createVuePlugin(),
    injectHtml({
      injectData: {
        title: package.title
      }
    })
  ],
  resolve: {
    alias: {
      '@': resolve('src')
    }
  },

  server: {
    port: 3000,

  }
})

我在 index.html 中导入 vue 和 vuetify

<script type="module" src="/webapp/main.js"></script>
  <script src="/lib/vue.min.js"></script>
 <script src="/lib/vuetify.min.js"></script>

但它返回错误。

...
    node_modules\vuetify\src\styles\settings\_variables.scss 64:11  @import
...

标签： vuejs2vuetify.jsvite

Answer 1

试试这个：主 scss 文件：mixing, vars and other scss /src/styles/my-app-style.scss

<style lang="scss"> @import "./src/styles/my-app-style.scss"; </style>