How to use webpack-atoms - 10 common examples

To help you get started, we’ve selected a few webpack-atoms examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github jquense / react-widgets / tools / build-localizer.js View on Github external
// mode: 'production',
  // optimization: {
  //   minimize: false,
  // },
  entry:
    `${loaders.imports().loader}?` +
    `module=${path.join(dirname, 'localizer.js')}` +
    `!${require.resolve('./shim.js')}`,

  output: {
    path: path.join(dirname, './dist'),
    filename: name + '.js',
    libraryTarget: 'var',
  },
  module: {
    rules: [rules.js({ envName: 'esm' })],
  },
  plugins: [
    plugins.define(),
    plugins.banner({
      banner:
        '(c) 2014 - present: Jason Quense | https://github.com/jquense/react-widgets/blob/master/LICENSE.md',
      entryOnly: true,
    }),
  ],
  externals: {
    react: 'window.React',
    'react-widgets/lib/configure': 'window.ReactWidgets',
    ...JSON.parse(externals || '{}'),
  },
  node: {
    Buffer: false,
github jquense / react-widgets / packages / storybook / webpack.config.js View on Github external
module.exports = baseConfig =>
  Object.assign({}, baseConfig, {
    // mode: 'development',
    module: {
      rules: [
        { parser: { amd: false } },
        rules.js.inlineCss({
          tagName: 'less',
          extension: '.less',
          extends: '../../.babelrc.js',
        }),
        rules.css(),
        rules.less(),
        rules.images(),
        rules.fonts(),
      ],
    },
    resolve: {
      symlinks: false,
      alias: {
        'react-widgets$': path.resolve('../react-widgets/src/index.js'),
        'react-widgets/lib': path.resolve('../react-widgets/src'),

        'react-widgets-virtualized$': path.resolve(
          '../virtualized/src/index.js'
        ),
        'react-widgets-virtualized/lib': path.resolve('../virtualized/src'),
github jquense / react-widgets / tools / build-localizer.js View on Github external
// },
  entry:
    `${loaders.imports().loader}?` +
    `module=${path.join(dirname, 'localizer.js')}` +
    `!${require.resolve('./shim.js')}`,

  output: {
    path: path.join(dirname, './dist'),
    filename: name + '.js',
    libraryTarget: 'var',
  },
  module: {
    rules: [rules.js({ envName: 'esm' })],
  },
  plugins: [
    plugins.define(),
    plugins.banner({
      banner:
        '(c) 2014 - present: Jason Quense | https://github.com/jquense/react-widgets/blob/master/LICENSE.md',
      entryOnly: true,
    }),
  ],
  externals: {
    react: 'window.React',
    'react-widgets/lib/configure': 'window.ReactWidgets',
    ...JSON.parse(externals || '{}'),
  },
  node: {
    Buffer: false,
  },
})
github jquense / react-widgets / packages / react-widgets / webpack.config.js View on Github external
externals: {
    react: {
      root: 'React',
      commonjs: 'react',
      commonjs2: 'react',
      amd: 'react'
    },
    'react-dom': {
      root: 'ReactDOM',
      commonjs: 'react-dom',
      commonjs2: 'react-dom',
      amd: 'react-dom',
    },
  },
  plugins: [
    plugins.define(),
    // plugins.uglify(),
    plugins.banner({
      banner: '(c) 2014 - present: Jason Quense | https://github.com/jquense/react-widgets/blob/master/LICENSE.md',
      entryOnly : true
    }),
  ],
  node: {
    Buffer: false,
    fs: 'empty',
    net: 'empty',
    tls: 'empty',
  },
}
github jquense / react-widgets / packages / storybook / webpack.config.js View on Github external
module.exports = baseConfig =>
  Object.assign({}, baseConfig, {
    // mode: 'development',
    module: {
      rules: [
        { parser: { amd: false } },
        rules.js.inlineCss({
          tagName: 'less',
          extension: '.less',
          extends: '../../.babelrc.js',
        }),
        rules.css(),
        rules.less(),
        rules.images(),
        rules.fonts(),
      ],
    },
    resolve: {
      symlinks: false,
      alias: {
        'react-widgets$': path.resolve('../react-widgets/src/index.js'),
        'react-widgets/lib': path.resolve('../react-widgets/src'),

        'react-widgets-virtualized$': path.resolve(
          '../virtualized/src/index.js'
        ),
        'react-widgets-virtualized/lib': path.resolve('../virtualized/src'),

        'react-widgets-material-ui$': path.resolve(
          '../material-ui/src/index.js'
github jquense / react-widgets / packages / storybook / webpack.config.js View on Github external
module.exports = baseConfig =>
  Object.assign({}, baseConfig, {
    // mode: 'development',
    module: {
      rules: [
        { parser: { amd: false } },
        rules.js.inlineCss({
          tagName: 'less',
          extension: '.less',
          extends: '../../.babelrc.js',
        }),
        rules.css(),
        rules.less(),
        rules.images(),
        rules.fonts(),
      ],
    },
    resolve: {
      symlinks: false,
      alias: {
        'react-widgets$': path.resolve('../react-widgets/src/index.js'),
        'react-widgets/lib': path.resolve('../react-widgets/src'),

        'react-widgets-virtualized$': path.resolve(
          '../virtualized/src/index.js'
        ),
        'react-widgets-virtualized/lib': path.resolve('../virtualized/src'),

        'react-widgets-material-ui$': path.resolve(
          '../material-ui/src/index.js'
        ),
github jquense / react-widgets / packages / storybook / webpack.config.js View on Github external
module.exports = baseConfig =>
  Object.assign({}, baseConfig, {
    // mode: 'development',
    module: {
      rules: [
        { parser: { amd: false } },
        rules.js.inlineCss({
          tagName: 'less',
          extension: '.less',
          extends: '../../.babelrc.js',
        }),
        rules.css(),
        rules.less(),
        rules.images(),
        rules.fonts(),
      ],
    },
    resolve: {
      symlinks: false,
      alias: {
        'react-widgets$': path.resolve('../react-widgets/src/index.js'),
        'react-widgets/lib': path.resolve('../react-widgets/src'),

        'react-widgets-virtualized$': path.resolve(
          '../virtualized/src/index.js'
        ),
        'react-widgets-virtualized/lib': path.resolve('../virtualized/src'),

        'react-widgets-material-ui$': path.resolve(
github jquense / react-widgets / packages / react-widgets / webpack.config.js View on Github external
root: 'React',
      commonjs: 'react',
      commonjs2: 'react',
      amd: 'react'
    },
    'react-dom': {
      root: 'ReactDOM',
      commonjs: 'react-dom',
      commonjs2: 'react-dom',
      amd: 'react-dom',
    },
  },
  plugins: [
    plugins.define(),
    // plugins.uglify(),
    plugins.banner({
      banner: '(c) 2014 - present: Jason Quense | https://github.com/jquense/react-widgets/blob/master/LICENSE.md',
      entryOnly : true
    }),
  ],
  node: {
    Buffer: false,
    fs: 'empty',
    net: 'empty',
    tls: 'empty',
  },
}
github jquense / react-widgets / tools / build-localizer.js View on Github external
const path = require('path')
const webpack = require('webpack')
const { plugins, rules, loaders } = require('webpack-atoms')

let [externals] = process.argv.slice(2)
const dirname = process.cwd()

let { name } = require(`${dirname}/package.json`)

const compiler = webpack({
  // mode: 'production',
  // optimization: {
  //   minimize: false,
  // },
  entry:
    `${loaders.imports().loader}?` +
    `module=${path.join(dirname, 'localizer.js')}` +
    `!${require.resolve('./shim.js')}`,

  output: {
    path: path.join(dirname, './dist'),
    filename: name + '.js',
    libraryTarget: 'var',
  },
  module: {
    rules: [rules.js({ envName: 'esm' })],
  },
  plugins: [
    plugins.define(),
    plugins.banner({
      banner:
        '(c) 2014 - present: Jason Quense | https://github.com/jquense/react-widgets/blob/master/LICENSE.md',
github jquense / react-widgets / packages / react-widgets / webpack.config.js View on Github external
const { plugins, rules } = require('webpack-atoms');

module.exports = {
  devtool: 'source-map',
  entry: {
    'react-widgets': './src/index.js'
  },
  output: {
    path: path.join(__dirname, './dist'),
    filename: '[name].js',
    library:  'ReactWidgets',
    libraryTarget: 'umd'
  },
  module: {
    rules: [
      rules.js()
    ]
  },
  externals: {
    react: {
      root: 'React',
      commonjs: 'react',
      commonjs2: 'react',
      amd: 'react'
    },
    'react-dom': {
      root: 'ReactDOM',
      commonjs: 'react-dom',
      commonjs2: 'react-dom',
      amd: 'react-dom',
    },
  },