Add webpack with postcss and imagemin

collective · Jan 26, 2017 · ba909ed · ba909ed
1 parent 2eeef92
commit ba909ed
Show file tree

Hide file tree

Showing 51 changed files with 83 additions and 733 deletions.
diff --git a/src/collective/behavior/featuredimage/static/featuredimage-icon.png b/src/collective/behavior/featuredimage/static/featuredimage-icon.png
diff --git a/src/collective/behavior/featuredimage/static/main.css b/src/collective/behavior/featuredimage/static/main.css
diff --git a/src/collective/behavior/featuredimage/static/main.css.map b/src/collective/behavior/featuredimage/static/main.css.map
diff --git a/src/collective/behavior/featuredimage/static/main.js b/src/collective/behavior/featuredimage/static/main.js
diff --git a/src/collective/behavior/featuredimage/static/main.js.map b/src/collective/behavior/featuredimage/static/main.js.map
diff --git a/webpack/.gitignore b/webpack/.gitignore
@@ -0,0 +1,2 @@
+node_modules/
+yarn.lock
diff --git a/yeoman/app/images/featuredimage-icon.png → webpack/app/images/featuredimage-icon.png b/yeoman/app/images/featuredimage-icon.png → webpack/app/images/featuredimage-icon.png
diff --git a/webpack/app/main.css b/webpack/app/main.css
@@ -0,0 +1,2 @@
+@import 'styles/featuredimage.css';
+@import 'styles/behaviorform.css';
diff --git a/webpack/app/main.js b/webpack/app/main.js
@@ -0,0 +1,2 @@
+import './main.css';
+import './images/featuredimage-icon.png';
diff --git a/yeoman/app/styles/behaviorform.scss → webpack/app/styles/behaviorform.css b/yeoman/app/styles/behaviorform.scss → webpack/app/styles/behaviorform.css
diff --git a/yeoman/app/styles/featuredimage.scss → webpack/app/styles/featuredimage.css b/yeoman/app/styles/featuredimage.scss → webpack/app/styles/featuredimage.css
diff --git a/webpack/package.json b/webpack/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "collective.behavior.featuredimage",
+  "version": "0.0.1",
+  "main": "app/main.js",
+  "scripts": {
+    "dev": "./node_modules/.bin/webpack",
+    "build": "./node_modules/.bin/webpack -p",
+    "watch": "./node_modules/.bin/webpack --watch"
+  },
+  "repository": {},
+  "license": "GPLv2",
+  "devDependencies": {
+    "css-loader": "^0.26.1",
+    "extract-text-webpack-plugin": "^2.0.0-beta",
+    "file-loader": "^0.9.0",
+    "image-webpack-loader": "^3.1.0",
+    "postcss": "^5.2.11",
+    "postcss-cssnext": "^2.9.0",
+    "postcss-import": "^9.1.0",
+    "postcss-loader": "^1.2.2",
+    "postcss-nested": "^1.0.0",
+    "webpack": "^2"
+  }
+}
diff --git a/webpack/postcss.config.js b/webpack/postcss.config.js
@@ -0,0 +1,9 @@
+module.exports = {
+  plugins: {
+    'postcss-import': {},
+    'postcss-nested': {},
+    'postcss-cssnext': {
+      browsers: 'last 3 versions'
+    },
+  },
+};
diff --git a/webpack/webpack.config.js b/webpack/webpack.config.js
@@ -0,0 +1,38 @@
+var ExtractTextPlugin = require('extract-text-webpack-plugin');
+module.exports = {
+  entry: './app/main.js',
+  output: {
+    filename: 'main.js',
+    path: '../src/collective/behavior/featuredimage/static'
+  },
+  module: {
+    rules: [{
+      test: /\.css$/,
+      exclude: /node_modules/,
+      loader: ExtractTextPlugin.extract({
+        loader: 'css-loader?importLoaders=1!postcss-loader'
+      })
+    }, {
+      test: /.*\.(gif|png|jpe?g|svg)$/i,
+      loaders: [
+        'file-loader?name=[name].[ext]',
+        {
+          loader: 'image-webpack-loader',
+          query: {
+            progressive: true,
+            optimizationLevel: 7,
+            interlaced: false,
+            pngquant: {
+              quality: '65-90',
+              speed: 4
+            }
+          }
+        }
+      ]
+    }]
+  },
+  devtool: 'source-map',
+  plugins: [
+    new ExtractTextPlugin({ filename: 'main.css', disable: false, allChunks: true })
+  ]
+}
diff --git a/yeoman/.bowerrc b/yeoman/.bowerrc
diff --git a/yeoman/.editorconfig b/yeoman/.editorconfig
diff --git a/yeoman/.gitattributes b/yeoman/.gitattributes
diff --git a/yeoman/.gitignore b/yeoman/.gitignore
diff --git a/yeoman/.jshintrc b/yeoman/.jshintrc
diff --git a/yeoman/.yo-rc.json b/yeoman/.yo-rc.json
diff --git a/yeoman/Gruntfile.js b/yeoman/Gruntfile.js
diff --git a/yeoman/app/index.html b/yeoman/app/index.html
diff --git a/yeoman/app/scripts/main.js b/yeoman/app/scripts/main.js
diff --git a/yeoman/app/scripts/templates/behaviorform.ejs b/yeoman/app/scripts/templates/behaviorform.ejs
diff --git a/yeoman/app/scripts/views/behaviorform.js b/yeoman/app/scripts/views/behaviorform.js