WebPack - Tuong-Nguyen/JavaScript-Structure GitHub Wiki

Minify Transpile Module Lint Combine

webpack ./app.js bundle webpack.config.js webpack-dev-server - autoreload

Loader test exclude loader strip-loader babel-loader eslint-loader

ES6 module import export

-d: sourcemap -p: production

css-loader style-loader

sass-loader less-loader extract-text-webpack-plugin

autoprefixer-loader

Import a module
const sum = require('./sum'); import {} from './sum'; module.export = sum export default sum

// Karma configuration // Generated on Thu Jun 15 2017 21:59:24 GMT+0700 (SE Asia Standard Time)

module.exports = function (config) { config.set({

    // base path that will be used to resolve all patterns (eg. files, exclude)
    basePath: 'src',


    // frameworks to use
    // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
    frameworks: ['chai', 'jasmine'],


    // list of files / patterns to load in the browser
    files: [
        '**/*.js'
    ],


    // list of files to exclude
    exclude: [],


    // preprocess matching files before serving them to the browser
    // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
    preprocessors: {
        '**/*.js': ['webpack', 'sourcemap']
    },

    webpack: {
        // output: {
        //     path: 'build',
        //     filename: "bundle.js"
        // },
        devtool: 'inline-source-map',
        module: {
            rules: [
                {
                    use: 'babel-loader',
                    test: /\.jsx?$/,
                    exclude: [/node_modules/]
                }
            ]
        }
    },

    // test results reporter to use
    // possible values: 'dots', 'progress'
    // available reporters: https://npmjs.org/browse/keyword/karma-reporter
    reporters: ['progress'],


    // web server port
    port: 9876,


    // enable / disable colors in the output (reporters and logs)
    colors: true,


    // level of logging
    // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
    logLevel: config.LOG_INFO,


    // enable / disable watching file and executing tests whenever any file changes
    autoWatch: true,


    // start these browsers
    // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
    browsers: ['PhantomJS'],
    phantomjsLauncher: {
        // Have phantomjs exit if a ResourceError is encountered (useful if karma exits without killing phantom)
        exitOnResourceError: true
    },

    // Continuous Integration mode
    // if true, Karma captures browsers, runs the tests and exits
    singleRun: false,

    // Concurrency level
    // how many browser should be started simultaneous
    concurrency: Infinity
})

};