Infinite reload on Javascript Changes (Docker environment - boilerplate setup linked)

knowler · June 22, 2018, 5:31pm

So we can get started with your issue, can you please:

Post your config.json.
Describe your local development environment. macOS or Windows? Are you using Trellis (Vagrant)? MAMP? What version of Node are you using (node -v)?
Are there any errors in the browser console?
Are you using Bootstrap? If not, what CSS framework — if you are using one — are you using?

If you don’t like Stylelint — I don’t always use it — you can always disable it by removing the following lines in the corresponding files:

github.com

roots/sage/blob/fd2a94fa1b8fa5b4767b5f0f825ec364564d0efa/resources/assets/build/webpack.config.js#L7


      
          'use strict'; // eslint-disable-line
          
          const webpack = require('webpack');
          const merge = require('webpack-merge');
          const CleanPlugin = require('clean-webpack-plugin');
          const ExtractTextPlugin = require('extract-text-webpack-plugin');
          const StyleLintPlugin = require('stylelint-webpack-plugin');
          const CopyGlobsPlugin = require('copy-globs-webpack-plugin');
          const FriendlyErrorsWebpackPlugin = require('friendly-errors-webpack-plugin');
          
          const config = require('./config');
          
          const assetsFilenames = (config.enabled.cacheBusting) ? config.cacheBusting : '[name]';
          
          let webpackConfig = {
            context: config.paths.assets,
            entry: config.entry,

https://github.com/roots/sage/blob/fd2a94fa1b8fa5b4767b5f0f825ec364564d0efa/resources/assets/build/webpack.config.js#L179-L182

Here’s a list of solutions to common issues with Browsersync + Webpack I’ve compiled:

https://discourse.roots.io/t/sage-9-browsersync-not-updating-right/10648/11?u=knowler