izica/html-sass-babel-webpack-boilerplate

Webpack 4 + Babel + ES6 + SASS + HTML Modules + Livereload

html-sass-babel-webpack-boilerplate's Issues

css not injecting in dev mod

with "npm start" I only see bundle.js injecting in the footer but css not injecting in the header?

HTML entities are being added to compiled HTML

Thanks for the fantastic boilerplate!

I'm having a slight issue though which HTML. It is adding some strange entities into my compiled HTML... is the character it seems to be adding and it's displaying as squares in between the text of my site.

This is coming from the bundle.js file, where \v is being added between the HTML strings.

Can you please help?

Compile to mutiple CSS files

Hi there,

Great starter pack, thanks for creating!

Can I ask, how would I compile .scss files into multiple .css files?

e.g:

app.scss > app.css
print.scss > print.css

Thanks!
Tom

Css background URL

When i build project, css background image urls not match with /dist folder hierachy so imges not shown.

Example:
i using in development like: url('assets/img/logo.png')

it builded same like that development: url('assets/img/logo.png')

Expectation is: url('../img/logo.png')

RangeError: Maximum call stack size exceeded

I'm adding to error message i think that happen add new .html file to project. If you need to show file i will share my private github repo with contributers.

Html Webpack Plugin:
Error: Child compilation failed:
Module build failed (from ./webpack/loader/html-loader.js):
RangeError: Maximum call stack size exceeded

• html-loader.js:10 resolve
  C:/code/sevimlikutu-html/webpack/loader/html-loader.js:10:38

• Array.forEach

• html-loader.js:9 forEach
  C:/code/sevimlikutu-html/webpack/loader/html-loader.js:9:18

• html-loader.js:12 insertIncludes
  C:/code/sevimlikutu-html/webpack/loader/html-loader.js:12:30

• Array.forEach

• html-loader.js:9 forEach
  C:/code/sevimlikutu-html/webpack/loader/html-loader.js:9:18

• html-loader.js:12 insertIncludes
  C:/code/sevimlikutu-html/webpack/loader/html-loader.js:12:30

• Array.forEach

• RangeError: Maximum call stack size exceeded

• compiler.js:79 childCompiler.runAsChild
  [sevimlikutu-html]/[html-webpack-plugin]/lib/compiler.js:79:16

• Compiler.js:306 compile
  [sevimlikutu-html]/[webpack]/lib/Compiler.js:306:11

• Compiler.js:631 hooks.afterCompile.callAsync.err
  [sevimlikutu-html]/[webpack]/lib/Compiler.js:631:15

• Hook.js:154 AsyncSeriesHook.lazyCompileHook
  [sevimlikutu-html]/[tapable]/lib/Hook.js:154:20

• Compiler.js:628 compilation.seal.err
  [sevimlikutu-html]/[webpack]/lib/Compiler.js:628:31

• Hook.js:154 AsyncSeriesHook.lazyCompileHook
  [sevimlikutu-html]/[tapable]/lib/Hook.js:154:20

• Compilation.js:1329 hooks.optimizeAssets.callAsync.err
  [sevimlikutu-html]/[webpack]/lib/Compilation.js:1329:35

Favicon setup

Edit: Was having some trouble with the webpack config but I figured it out, thanks for the repo.