错误：意外字符'@'请注意，您需要插件才能导入非JavaScript文件

编程问答 2022-07-23

问题描述

我在rollupjs中使用带有vue和scss的单个模板，但是我不能使用@import。 ..我收到一个错误。为什么是这样。将配置文件放到上面

import { terser } from "rollup-plugin-terser";

import resolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';

// wild card
import multi from '@rollup/plugin-multi-entry';
import VuePlugin from 'rollup-plugin-vue'

import babel from '@rollup/plugin-babel';



export default {
  input: './src/javascripts/**/*.js',output: {
    dir: 'output',format: 'cjs'
  },plugins: [
    VuePlugin({
      preprocessOptions: {
        scss: {
          includePaths: ['./src/style','node_modules'],},}
    }),terser(),resolve(),commonjs(),babel({ babelHelpers: 'bundled' }),multi()
  ]
};

这是我正在使用的.vue文件。

<template>
〜abridgement〜
</template>
<script>
〜abridgement〜
</script>
<style lang="scss" scoped>
@import "./src/style/foundation/xxx";
@import "./src/style/foundation/xxx";

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascriptrolluprollupjs