JavaScript @rails/webpacker environment.loaders примеры использования

Пример #1

Файл: environment.js Проект: NativeGap/nativegap

const { environment } = require('@rails/webpacker')
const erb =  require('./loaders/erb')

environment.loaders.append('erb', erb)
environment.loaders.get('sass').use.find(item => item.loader === 'sass-loader').options.includePaths = ['node_modules']
module.exports = environment

Пример #2

Файл: environment.js Проект: JimW/CarpoolOnRails

const { environment } = require('@rails/webpacker')
const typescript =  require('./loaders/typescript')

environment.loaders.append('typescript', typescript)
module.exports = environment

Пример #3

Файл: environment.js Проект: web-k/tiramisu

const { environment } = require('@rails/webpacker')
const webpack = require('webpack')
const erb =  require('./loaders/erb')

environment.loaders.append('erb', erb)

environment.plugins.prepend('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery',
    "window.jQuery": 'jquery',
    jquery: 'jquery'
  })
)

module.exports = environment

Пример #4

Файл: environment.js Проект: s3lm/VideoGameList

const { environment } = require('@rails/webpacker')
const { VueLoaderPlugin } = require('vue-loader')
const vue = require('./loaders/vue')

environment.plugins.prepend('VueLoaderPlugin', new VueLoaderPlugin())
environment.loaders.prepend('vue', vue)

environment.loaders.get('sass').use.splice(-1, 0, {
  loader: 'resolve-url-loader'
});

module.exports = environment

Пример #5

Файл: environment.js Проект: thatandyrose/Budge

const { environment } = require('@rails/webpacker')
const vue =  require('./loaders/vue')
const webpack = require('webpack')

environment.loaders.append('vue', vue)
module.exports = environment

environment.plugins.prepend(
  'Provide',
  new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery',
    jquery: 'jquery'
  })
)

Пример #6

Файл: environment.js Проект: railslove/kickerapp

const { environment } = require('@rails/webpacker')

environment.loaders.append('json', {
  test: /\.json$/,
  use: 'json-loader'
})

environment.loaders.append('yaml', {
  test: /\.yml$/,
  use: 'yaml-loader'
})

module.exports = environment

Пример #7

Файл: environment.js Проект: maxivak/optimacms

const { environment } = require('@rails/webpacker');

const merge = require('webpack-merge')
const webpack = require('webpack');


//const erb =  require('./loaders/erb')

//environment.loaders.append('erb', erb)


// resolve-url-loader must be used before sass-loader
environment.loaders.get('sass').use.splice(-1, 0, {
    loader: 'resolve-url-loader',
    options: {
        attempts: 1
    }
});


// Add an additional plugin of your choosing : ProvidePlugin

environment.plugins.prepend('Provide', new webpack.ProvidePlugin({
        $: 'jquery',
        JQuery: 'jquery',
        jquery: 'jquery',
        'window.Tether': "tether",
        Popper: ['popper.js', 'default'], // for Bootstrap 4
    })
)

Пример #8

Файл: environment.js Проект: rifferreinert/rifferreinert.com

const { environment } = require('@rails/webpacker')

environment.loaders.append('sound', {
  test: /(\.mp3$)|(\.webm$)/,
  loader: 'file-loader',
});

module.exports = environment