SurviveJS book issues
Issues related to SurviveJS open book content.
Questions tagged [survivejs]
18 questions
7
votes
0 answers
Multiple "[HMR] Waiting for update signal from WDS..." console output for every entry in webpack config
For every entry in my common.entry object I get the following printed to console (with 3 entries in my webpack.config.js). Is this desired output?
webpack.config.js
const path = require('path');
const HtmlWebpackPlugin =…
eveo
- 2,797
- 15
- 61
- 95
5
votes
0 answers
Webpack2 couldn't find preset es2015 or react
I have a folder with my modules and my webpack.config in my project.
My webpack.config:
entry: {
hmr: [
'webpack-dev-server/client?http://localhost:8080',
'webpack/hot/only-dev-server'
// 'webpack/hot/dev-server'
…
Thibault Souëf
- 79
- 6
4
votes
1 answer
What exactly is a "webpack module" in webpack's terminology?
I am a newbie to webpack and currently trying to understand basic concepts.
Looking at the official docs, on the page Concepts it uses module term and gives link to read more about modules on page Modules.
So on this page we have question "What is a…
mlst
- 2,688
- 7
- 27
- 57
4
votes
1 answer
Webpack Config did not export an object
WEBPACK @ 2.2
WEBPACK-MERGE @ 2.4
I am using webpack merge to do a smart dev or production config.
My start script looks like
}
"scripts": {
"start": "webpack --env=production & node start.js",
"dev": "webpack-dev-server --env=dev",
},
and my…
Austin Witherow
- 456
- 2
- 4
- 19
3
votes
0 answers
why css module not working when i use minicssExtractPlugin?
I am currently using css module with miniCssExtractPlugin, it is wired it is not working,it do extract css into a separate css file, but the css file is empty.when i use style-loader it looks good with css module, but it will not extract css to a…
frank
- 31
- 1
- 2
3
votes
1 answer
Please explain this abbreviated ES6 JSX declaration
An example in the SurviveJS handbook in the chapter on React and Webpack has me confused.
In Note.jsx:
import React from 'react';
export default () =>
Learn Webpack
;
This deviates in a number of ways from what appears to be the standard…
Tom Auger
- 19,421
- 22
- 81
- 104
2
votes
1 answer
How to set key prefixes in webpack4 manifest.json for *ALL* .js, .css & .png assets?
I'm getting started with Webpack
I installed webpack@4.17.1
I got it generating assembled js & css files, and moving img files
When I run webpack I get
pub/bld/
├── css
│ └── common.css
├── img
│ └── image.jpg
└── js
└── common.js
Now I…
allentown
- 21
- 3
2
votes
0 answers
Webpack file loader 'Unexpected character' error production only
I have been trying many different configurations but I now feel like I have been staring at this problem for too long and can't figure it out anymore. I am trying to use webpack file-loader for simple images, while a normal configuration works like…
G4bri3l
- 4,996
- 4
- 31
- 53
2
votes
1 answer
Webpack hash the same for css and js files. Both change when only one should
I'm trying to implement long-term caching of my js project. I've been using the survivejs (http://survivejs.com/webpack_react/developing_with_webpack/) page as a tutorial.
What I've found is that both .css and .js use the same…
vlod
- 41
- 7
1
vote
1 answer
webpack.validateSchema is not a function error in survivejs
i am getting this issue webpack.validateSchema is not a function when i setting up webpack and react below i shared my webpack.config.js
const path = require('path');
const merge = require('webpack-merge');
const webpack = require('webpack');
const…
satyajit rout
- 1,623
- 10
- 20
1
vote
0 answers
Webpack Dev Server/Hot Module Replacement Websocket Error on Page Load
I've just gotten started with Webpack, so I've got just enough knowledge to be dangerous and I'm sure I've made quite a mess of my config file. But it's quite closely modeled after the surviveJS example, which is running on my machine without…
aname
- 35
- 6
1
vote
1 answer
Webpack empty first module
I start learning webpack and reading survive.js book (http://survivejs.com/webpack_react/getting_started/) for this. But I can't understand one moment.
When I try build first example – I have one chunk more that in book.
Books build log:
```>…
Alexey Nikiforov
- 357
- 1
- 4
- 14
0
votes
0 answers
Webpack 5 and mini-css-extract-plugin fails with " TypeError: wellKnownSymbol is not a function"
I'm trying to update a project to Webpack 5. mini-css-extract-plugin causes an error. When I use style-loader instead of mini-css-extract-plugin's loader, my project builds just fine. However, you shouldn't inline your CSS for production…
mrbinky3000
- 4,055
- 8
- 43
- 54
0
votes
0 answers
webpack-cdn-plugin doesn't import CSS in head
Hey guys I'm using webpack-cdn-plugin to load assets from CDN, but I'm having issues with loading CSS assets. This is how my code looks:
{
plugins: [
new HtmlWebpackPlugin({
template: './src/index.html',
favicon:…
Zvezdas1989
- 1,445
- 2
- 16
- 34
0
votes
0 answers
Webpack: bundle splitting across html pages vs code splitting across client side routes
Are there chunk size / loading time implications in choosing between:
Splitting a client side application into multiple bundles and serving them across different html pages (i.e. server side routing /about => about.html => about.bundle.js, etc)…
Dan
- 2,830
- 19
- 37