vuejs - Создать отдельный файл css из apps.css

Уже используется версия 4.3 vue cli.
Надеюсь, внешний файл css будет создан отдельно после сборки.
Мне нужно использовать этот файл в другом месте.

** текущий результат ** 
корень
  ┗dist
    ┗css
      ┗app.dsfe23f.css  
    ┗js
      ┗app.ds3fe23f.js
      ┗app.ds1fe23f.map
      ┗chunk-vendors.ds3fe23f.js
      ┗chunk-vendors.ds1fe23f.map   
  ┗общественный
    ┗index.html
  ┗src
    ┗активы
      ┗css
        ┗GiftStyle.css
    ┗маршрутизатор
      ┗index.js 
    ┗просмотр
      ┗Home.vue
      ┗Gift.vue
    ┗App.vue
    ┗main.vue

**Что я хочу** 
корень
  ┗dist
    ┗css
      ┗app.dsfe23f.css
      ┗GiftStyle.dsf231.css  
    ┗js
      ┗app.ds3fe23f.js
      ┗app.ds1fe23f.map
      ┗chunk-vendors.ds3fe23f.js
      ┗chunk-vendors.ds1fe23f.map   
  ┗общественный
    ┗index.html
  ┗src
    ┗активы
      ┗css
        ┗GiftStyle.css
    ┗маршрутизатор
      ┗index.js 
    ┗просмотр
      ┗Home.vue
      ┗Gift.vue
    ┗App.vue
    ┗main.vue

*****vue.config.js 
const ExtractTextPlugin = require('mini-css-extract-plugin')

module.exports = {
  
  chainWebpack: config => {config.plugin('extract-css'). use (ExtractTextPlugin, [{
        имя файла:  'css/[имя].css',
        allChunks: правда
      }])
    
  },
  configureWebpack:{
    
    
  },
  
  assetsDir: 'ресурсы'  
}

0 ответов

Другие вопросы по тегам