在vue中如何引入外部的css文件

import '@/style/reset.css'

<style scoped>
  @import '../../assets/iconfont/iconfont.css';这个分号一定要写，要不会报错
</style>

<style scoped>
 @import '@/styles/scroll-bar.scss';这个分号一定要写，要不会报错
 
</style>

<style src="@/style/reset.css"  scoped></style>

<style src="@/style/reset.css"  scoped></style>
<style scoped>
  //新的css样式
</style>

<style src="./download.scss" scoped>

<style src="./download.scss"  lang="scss" scoped>

module.exports = {
    ...
    css: {
        ...
        esModule: false
    }
    ...
}

vue-style-loader/index.js:
 var shared = [
    '// style-loader: Adds some css to the DOM by adding a <style> tag',
    '',
    '// load the styles',
    'var content = require(' + request + ').default;', //这里加一个.default即可
    ...

function nORMalizeOptions(rawOptions, loaderContext) {
  if (rawOptions.icss) {
    loaderContext.emitWarning(new Error('The "icss" option is deprecated, use "modules.compileType: "icss"" instead'));
  }

  const modulesOptions = getModulesOptions(rawOptions, loaderContext);
  return {
    url: typeof rawOptions.url === 'undefined' ? true : rawOptions.url,
    import: typeof rawOptions.import === 'undefined' ? true : rawOptions.import,
    modules: modulesOptions,
    // TODO remove in the next major release
    icss: typeof rawOptions.icss === 'undefined' ? false : rawOptions.icss,
    sourceMap: typeof rawOptions.sourceMap === 'boolean' ? rawOptions.sourceMap : loaderContext.sourceMap,
    importLoaders: rawOptions.importLoaders,
    esModule: typeof rawOptions.esModule === 'undefined' ? false : rawOptions.esModule //默认改成false
  };
}