Remove ExtractTextPlugin

Author: mbreining

webpack/bootstrap-sass.config.js

@@ -5,16 +5,9 @@ module.exports = {
  // Default for the style loading is to put in your js files
  // styleLoader: "style-loader!css-loader!sass-loader";
 
- // If you want to use the ExtractTextPlugin
- // and you want compressed
- // styleLoader: ExtractTextPlugin.extract("style-loader", "css-loader!sass-loader"),
- // or if you want expanded CSS
- // styleLoader: ExtractTextPlugin.extract("style-loader", "css-loader!sass?outputStyle=expanded"),
-
  // ### Scripts
- // Any scripts here set to false will never
- // make it to the client, it's not packaged
- // by webpack.
+ // Any scripts here set to false will never make it to the client,
+ // i.e. it's not packaged by webpack.
  scripts: {
  'transition': true,
  'alert': true,

webpack/bootstrap-sass.extract-text-plugin.config.js

@@ -11,8 +11,8 @@ module.exports = {
  // jquery: "var jQuery"
  // },
  resolve: {
- root: [ path.join(__dirname, "scripts"), path.join(__dirname, "assets/javascripts"),
-  path.join(__dirname, "assets/stylesheets") ],
+ root: [path.join(__dirname, "scripts"), path.join(__dirname, "assets/javascripts"),
+ path.join(__dirname, "assets/stylesheets")],
  extensions: ["", ".webpack.js", ".web.js", ".js", ".jsx", ".scss", ".css", "config.js"]
  },
  module: {

webpack/webpack.common.config.js

@@ -4,7 +4,7 @@ var webpack = require("webpack");
 config.entry.push("webpack-dev-server/client?http://localhost:3000",
  "webpack/hot/dev-server",
  "./scripts/webpack_only");
-config.output = { filename: "express-bundle.js", // this file is never saved
+config.output = { filename: "express-bundle.js", // this file is never saved on disk
  path: __dirname };
 config.plugins = [ new webpack.HotModuleReplacementPlugin() ];
 module.exports = config;

webpack/webpack.hot.config.js

@@ -1,17 +1,15 @@
 // Run like this
-// cd webpack && webpack -w --config webpack.rails.config.js
+// cd webpack && $(npm bin)/webpack -w --config webpack.rails.config.js
 
 var config = require("./webpack.common.config");
 var path = require("path");
-var ExtractTextPlugin = require("extract-text-webpack-plugin");
 
 // Add the following entries as appropriate:
 // "./scripts/rails_only" --> rails specific assets
 // "bootstrap-sass-loader" --> all bootstrap assets
 // "bootstrap-sass!./bootstrap-sass.config.js" --> custom bootstrap
-// "bootstrap-sass!./bootstrap-sass.extract-text-plugin.config.js" --> custom bootstrap w/ separate css bundle (see https://github.com/webpack/extract-text-webpack-plugin)
 config.entry.push("./assets/javascripts/example",
- "bootstrap-sass!./bootstrap-sass.extract-text-plugin.config.js");
+ "bootstrap-sass!./bootstrap-sass.config.js");
 config.output = { filename: "rails-bundle.js",
  path: "../app/assets/javascripts" };
 config.externals = { jquery: "var jQuery" }; // load jQuery from cdn or rails asset pipeline
@@ -20,32 +18,17 @@ config.module.loaders.push(
  // bootstrap-sass-loader has access to the jQuery object
  { test: /bootstrap-sass\/assets\/javascripts\//, loader: "imports?jQuery=jquery" },
  { test: /\.scss$/, loader: "style!css!sass?outputStyle=expanded&imagePath=/assets/images"},
- //{ test: /\.jsx$/, loaders: ['es6', 'jsx?harmony'] },
  // Next 2 lines expose jQuery and $ to any JavaScript files loaded after rails-bundle.js
  // in the Rails Asset Pipeline. Thus, load this one prior.
  { test: require.resolve("jquery"), loader: "expose?jQuery" },
  { test: require.resolve("jquery"), loader: "expose?$" }
 );
- // Load Bootstrap's CSS
- // Needed for the css-loader when [bootstrap-sass-loader]
- //{ test: /\.woff(\?v=\d+\.\d+\.\d+)?$/,
- // loader: "url?limit=10000&minetype=application/font-woff" },
- //{ test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
- // loader: "url?limit=10000&minetype=application/octet-stream" },
- //{ test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
- // loader: "file" },
- //{ test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
- // loader: "url?limit=10000&minetype=image/svg+xml" },
-config.plugins = [ new ExtractTextPlugin("../stylesheets/bootstrap-and-customizations.css") ];
 module.exports = config;
 
 var devBuild = (typeof process.env["BUILDPACK_URL"]) === "undefined";
 if (devBuild) {
  console.log("Webpack dev build for Rails");
  //module.exports.devtool = "eval-source-map";
- //module.exports.module.loaders.push(
- // { test: require.resolve("react"), loader: "expose?React" }
- //);
 } else {
  console.log("Webpack production build for Rails");
 }