These are chat archives for webpack/webpack/dev

13th
Jun 2017
Pablo Ariel Bilevich Alaniz
@pablobvch
Jun 13 2017 13:50
Hey, I was traying but my css file is not generated. Why?
var webpack = require('webpack');
var ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {
    context: __dirname + '/app',
    entry: {
        app: './index.js',
        vendor: ['angular', 'bootstrap', 'angular-route', 'angular-ui-bootstrap', 'angular-loading-bar', 'angular-animate', 'angular-cookies', 'lodash', 'angular-simple-logger']
    },
    output: {
        path: __dirname + '/app/bundle/js/',
        filename: 'bundle.js'
    },
    module: {
        rules: [
          {
            test: /\.css$/,
            loader: ExtractTextPlugin.extract({ fallback: 'style-loader', use: 'css-loader' })
          }
        ]
    },
    plugins: [
        new webpack.optimize.CommonsChunkPlugin({ name: 'vendor', filename: 'vendor.bundle.js' }),

        new ExtractTextPlugin({
            filename: __dirname +  '/app/bundle/css/'
        })
    ]
};
Pablo Ariel Bilevich Alaniz
@pablobvch
Jun 13 2017 14:50
I have been trying a lot several configurations, and I can't generate my css file :(
I am working with webpack 2
Pablo Ariel Bilevich Alaniz
@pablobvch
Jun 13 2017 15:05
Hash: 9f915bab555628db8a64
Version: webpack 2.6.1
Time: 2968ms
           Asset    Size  Chunks                    Chunk Names
       bundle.js  745 kB       0  [emitted]  [big]  app
vendor.bundle.js  2.3 MB       1  [emitted]  [big]  vendor
   [0] ./assests/js/appFactories.js 1.88 kB {0} [built]
   [3] ./assests/js/appFilter.js 270 bytes {0} [built]
   [4] ./assests/js/appConfigs.js 9.28 kB {0} [built]
   [5] ./assests/js/appConstants.js 603 bytes {0} [built]
   [6] ./assests/js/appControllers.js 5.29 kB {0} [built]
   [7] ../~/angular/index.js 48 bytes {1} [built]
   [8] ./assests/js/app.js 2.17 kB {0} [built]
  [33] ../~/angular-animate/index.js 60 bytes {1} [built]
  [34] ../~/angular-cookies/index.js 60 bytes {1} [built]
  [35] ../~/angular-loading-bar/index.js 72 bytes {1} [built]
  [36] ../~/angular-route/index.js 56 bytes {1} [built]
  [37] ../~/angular-simple-logger/dist/index.js 4.21 kB {1} [built]
  [38] ../~/angular-ui-bootstrap/index.js 71 bytes {1} [built]
 [118] ./index.js 1.71 kB {0} [built]
 [143] multi angular bootstrap angular-route angular-ui-bootstrap angular-loading-bar angular-animate angular-cookies lodash angular-simple-logger 124 bytes {1} [built]
    + 129 hidden modules
apparently everything is well