Как обработать css / scss из определенного файла .scss (а не entry.js), используя накопительный пакет - PullRequest
Новая
       21

Как обработать css / scss из определенного файла .scss (а не entry.js), используя накопительный пакет

0 голосов
/ 26 октября 2018

Я сейчас использую Сводный пакет и PostCSS . Как настроить таргетинг на конкретный файл scss, который требуется обработать, вместо использования @import 'source / scss / main.scss' in my source / js / entry.js`

Например, делать что-то вроде ... 

// rollup.config.js
...
postcss({
        from: 'source/scss/main.scss'
        minimize: true,
        sourceMap: true, 
        extract : 'build/css/main.css'
    }),
...

Вместо source/js/entry.js

//source/js/entry.js
import  '../scss/main.scss'; // don't want to import SCSS from within JS file

import { someJSmodule } from './someJSmodule.js';
import { anotherJSmodule } from './anotherJSmodule.js';

Вот мой нынешний rollup.config.js

// rollup.config.js
import babel from 'rollup-plugin-babel';
import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';
import copy from 'rollup-plugin-copy';
import postcss from 'rollup-plugin-postcss';


export default {
    input: 'source/js/entry.js',
    output: {
        file: 'build/js/bundle.js',
        format: 'iife'
    },
    plugins: [
        copy({
            'source/index.html': 'build/index.html',
            verbose: true
        }),
        resolve({
            preferBuiltins: true
        }),
        postcss({
            minimize: true,
            sourceMap: true, 
            extract : 'build/css/main.css'
        }),
        commonjs(),
        babel({
            exclude: 'node_modules/**'
        })
    ]
};
...