{"action":"created","issue":{"url":"https://api.github.com/repos/vuejs-templates/webpack/issues/123","repository_url":"https://api.github.com/repos/vuejs-templates/webpack","labels_url":"https://api.github.com/repos/vuejs-templates/webpack/issues/123/labels{/name}","comments_url":"https://api.github.com/repos/vuejs-templates/webpack/issues/123/comments","events_url":"https://api.github.com/repos/vuejs-templates/webpack/issues/123/events","html_url":"https://github.com/vuejs-templates/webpack/issues/123","id":155029042,"number":123,"title":"CSS source maps not enabled in development environment","user":{"login":"PrimozRome","id":1180467,"avatar_url":"https://avatars.githubusercontent.com/u/1180467?v=3","gravatar_id":"","url":"https://api.github.com/users/PrimozRome","html_url":"https://github.com/PrimozRome","followers_url":"https://api.github.com/users/PrimozRome/followers","following_url":"https://api.github.com/users/PrimozRome/following{/other_user}","gists_url":"https://api.github.com/users/PrimozRome/gists{/gist_id}","starred_url":"https://api.github.com/users/PrimozRome/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/PrimozRome/subscriptions","organizations_url":"https://api.github.com/users/PrimozRome/orgs","repos_url":"https://api.github.com/users/PrimozRome/repos","events_url":"https://api.github.com/users/PrimozRome/events{/privacy}","received_events_url":"https://api.github.com/users/PrimozRome/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/vuejs-templates/webpack/labels/discussion","name":"discussion","color":"0052cc"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":6,"created_at":"2016-05-16T13:26:43Z","updated_at":"2016-06-01T09:53:13Z","closed_at":null,"body":"I have updated to the latest webpack template version and the source maps are not working for me in development environment? Any idea how to solve this issue?\r\n\r\nhttps://dl.dropboxusercontent.com/u/1207859/Screen%20Shot%202016-05-16%20at%2015.23.42.png\r\n\r\nWebpack configs\r\n\r\n ```\r\n    var path = require('path')\r\n    var config = require('../config')\r\n    var utils = require('./utils')\r\n    var projectRoot = path.resolve(__dirname, '../')\r\n\r\n    module.exports = {\r\n      entry: {\r\n        app: './src/main.js'\r\n      },\r\n      output: {\r\n        path: config.build.assetsRoot,\r\n        publicPath: config.build.assetsPublicPath,\r\n        filename: '[name].js'\r\n      },\r\n      resolve: {\r\n        extensions: ['', '.js', '.vue'],\r\n        fallback: [path.join(__dirname, '../node_modules')],\r\n        alias: {\r\n          'src': path.resolve(__dirname, '../src'),\r\n          'assets': path.resolve(__dirname, '../src/assets'),\r\n          'components': path.resolve(__dirname, '../src/components')\r\n        }\r\n      },\r\n      resolveLoader: {\r\n        fallback: [path.join(__dirname, '../node_modules')]\r\n      },\r\n      module: {\r\n        preLoaders: [\r\n          {\r\n            test: /\\.vue$/,\r\n            loader: 'eslint',\r\n            include: projectRoot,\r\n            exclude: /node_modules/\r\n          },\r\n          {\r\n            test: /\\.js$/,\r\n            loader: 'eslint',\r\n            include: projectRoot,\r\n            exclude: /node_modules/\r\n          }\r\n        ],\r\n        loaders: [\r\n          {\r\n            test: /\\.vue$/,\r\n            loader: 'vue'\r\n          },\r\n          {\r\n            test: /\\.js$/,\r\n            loader: 'babel',\r\n            include: projectRoot,\r\n            exclude: /node_modules/\r\n          },\r\n          {\r\n            test: /\\.json$/,\r\n            loader: 'json'\r\n          },\r\n          {\r\n            test: /\\.scss$/,\r\n            loaders: ['style', 'css', 'sass']\r\n          },\r\n          {\r\n            test: /\\.styl$/,\r\n            loader: 'style-loader!css-loader!stylus-loader'\r\n          },\r\n          {\r\n            test: /\\.html$/,\r\n            loader: 'vue-html'\r\n          },\r\n          {\r\n            test: /\\.(png|jpe?g|gif|svg)(\\?.*)?$/,\r\n            loader: 'url',\r\n            query: {\r\n              limit: 10000,\r\n              name: utils.assetsPath('img/[name].[hash:7].[ext]')\r\n            }\r\n          },\r\n          {\r\n            test: /\\.(woff2?|eot|ttf|otf)(\\?.*)?$/,\r\n            loader: 'url',\r\n            query: {\r\n              limit: 10000,\r\n              name: utils.assetsPath('fonts/[name].[hash:7].[ext]')\r\n            }\r\n          }\r\n        ]\r\n      },\r\n      eslint: {\r\n        formatter: require('eslint-friendly-formatter')\r\n      },\r\n      vue: {\r\n        loaders: utils.cssLoaders()\r\n      }\r\n    }\r\n```\r\n\r\n```\r\n    var webpack = require('webpack')\r\n    var merge = require('webpack-merge')\r\n    var utils = require('./utils')\r\n    var baseWebpackConfig = require('./webpack.base.conf')\r\n    var HtmlWebpackPlugin = require('html-webpack-plugin')\r\n\r\n    // add hot-reload related code to entry chunks\r\n    Object.keys(baseWebpackConfig.entry).forEach(function (name) {\r\n      baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name])\r\n    })\r\n\r\n    module.exports = merge(baseWebpackConfig, {\r\n      module: {\r\n        loaders: utils.styleLoaders()\r\n      },\r\n      // eval-source-map is faster for development\r\n      devtool: '#eval-source-map',\r\n      plugins: [\r\n        // https://github.com/glenjamin/webpack-hot-middleware#installation--usage\r\n        new webpack.optimize.OccurenceOrderPlugin(),\r\n        new webpack.HotModuleReplacementPlugin(),\r\n        new webpack.NoErrorsPlugin(),\r\n        // https://github.com/ampedandwired/html-webpack-plugin\r\n        new HtmlWebpackPlugin({\r\n          filename: 'index.html',\r\n          template: 'index.html',\r\n          inject: true\r\n        })\r\n      ]\r\n    })\r\n```"},"comment":{"url":"https://api.github.com/repos/vuejs-templates/webpack/issues/comments/222946256","html_url":"https://github.com/vuejs-templates/webpack/issues/123#issuecomment-222946256","issue_url":"https://api.github.com/repos/vuejs-templates/webpack/issues/123","id":222946256,"user":{"login":"PrimozRome","id":1180467,"avatar_url":"https://avatars.githubusercontent.com/u/1180467?v=3","gravatar_id":"","url":"https://api.github.com/users/PrimozRome","html_url":"https://github.com/PrimozRome","followers_url":"https://api.github.com/users/PrimozRome/followers","following_url":"https://api.github.com/users/PrimozRome/following{/other_user}","gists_url":"https://api.github.com/users/PrimozRome/gists{/gist_id}","starred_url":"https://api.github.com/users/PrimozRome/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/PrimozRome/subscriptions","organizations_url":"https://api.github.com/users/PrimozRome/orgs","repos_url":"https://api.github.com/users/PrimozRome/repos","events_url":"https://api.github.com/users/PrimozRome/events{/privacy}","received_events_url":"https://api.github.com/users/PrimozRome/received_events","type":"User","site_admin":false},"created_at":"2016-06-01T09:53:13Z","updated_at":"2016-06-01T09:53:13Z","body":"@chrisvfritz many thanks for the solution!"}}
{"actor":{"display_login":"PrimozRome"}}