1. vue-cli-plugin-style-resources-loader
vue-cli plugin to add style-resources-loader
vue-cli-plugin-style-resources-loader
Package: vue-cli-plugin-style-resources-loader
Created by: nguyenvanduocit
Last modified: Mon, 23 May 2022 13:10:06 GMT
Version: 0.1.5
License: MIT
Downloads: 35,843
Repository: https://github.com/nguyenvanduocit/vue-cli-plugin-style-resources-loader

Install

npm install vue-cli-plugin-style-resources-loader
yarn add vue-cli-plugin-style-resources-loader

Introduction

FOSSA Status
npm version

Add style-resources-loader to your project easier.

Installation

vue add style-resources-loader

Config

Define your resource's patterns under pluginOptions > style-resources-loader in file vue.config.js.

Name Data type Description
preProcessor string One of: sass, scss, stylus, less
patterns string, array Path to the resources you would like to inject

patterns

Please read more at patterns.

Example

 const path = require('path')
module.exports = {
  pluginOptions: {
    'style-resources-loader': {
      'preProcessor': 'stylus',
      'patterns': [
        path.resolve(__dirname, './src/styles/abstracts/*.styl'),
      ]
    }
  }
}

License

FOSSA Status

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin