Styling for handlebars-template about honeycomb HOT 1 CLOSED

required packages:

• postcss-loader
• css-loader
• style-loader
• stylelint-webpack-plugin
• stylelint-config-standard (airbnb is no not released)
• extract-text-webpack-plugin
• autoprefixer

new package-scripts:

• "lint": "npm run lint:js && npm run lint:css"
• "lint:js": "eslint --format=node_modules/eslint-formatter-pretty ."
• "lint:css": "stylelint src/client/*/.css"

changed package-scripts:

• "clean": "rimraf pids logs coverage .nyc_output dist public/javascripts/.bundle.js public/stylesheets/*.css"

.stylelintrc.yml:

extends:
  "stylelint-config-standard"

client.js

• require('./client.css');

webpack.config.js

• const ExtractTextPlugin = require('extract-text-webpack-plugin');
• const StylelintPlugin = require('stylelint-webpack-plugin');

{
        test: /\.css$/,
        loader: ExtractTextPlugin.extract({
          fallbackLoader: 'style',
          loader: ['css', 'postcss'],
        }),
      }

new webpack.LoaderOptionsPlugin({
      options: {
        eslint: {
          formatter: eslintFormatter,
        },
        postcss: [autoprefixer()],
      },
    }),
    new ExtractTextPlugin('stylesheets/app.css'),
    new StylelintPlugin({
      configFile: path.join(__dirname, '..', '.stylelintrc.yml'),
      files: ['src/**/*.css'],
    }),

left is now migrating the changes into the generator for handlebars

from honeycomb.