waldronmatt / mixpack

A mixed TypeScript/JavaScript Webpack boilerplate with Express.

Hello and welcome! 👋

I'm a senior developer optimizing forbes.com.

mixpack's Issues

break

Hi
I installed your repo using "npm install --legacy-peer-deps" as without the latter it would break.

It gave an error: "Cannot find module 'prettier' " so I commented out the tslinter lines in webpack.dev.js
//new ESLintPlugin({ extensions: ['js', 'ts'],}),
//new StylelintPlugin(),

I followed your instructions for the backend and created a npm script as suggested in package.json as follows:
""backend": "nodemon --delay 1500ms ./server-dev.js & webpack serve --mode development --config ./scripts/webpack.dev.js"

after adding the proxy it works on port 3000

however there is a new error when running the backend script:
/data/webapps/mixpack/scripts/paths.js:1
import path from 'path';
^^^^^^
SyntaxError: Cannot use import statement outside a module

Is this due to confusion over a folder path having the same name as a module?

After the "Complete!" message it hangs as I would have expected the message that the server is running on port number xyz

I spent days trying to get a webpack 5 site up and runing (with express, pug, routing etc) and tumbled upon expack and then on to yours and it's the best I have seen so far :)

fyi, I created a fresh repo with the same name on my github in case this makes it easier for you to verify my setup.

cheers, Alfred

webpack@v5

Upgrading to Webpack@v5 causes several breaking changes:

Major:

• Unable to hot reload assets: webpack-contrib/webpack-hot-middleware#391

Minor:

• Live reload broken - Mixpack uses for .html includes only: statianzo/webpack-livereload-plugin#63

Resolution: Will continue to monitor updates on the issues above. However, webpack-hot-middleware does not seem to be actively maintained. May implement alternatives such as webpack-dev-server for development.