Comments (11)
I'm using this boilerplate for a project and attempted to update to Webpack 2.
@developit I'll leave the Forked version here in case you may want to reference the changes.
One issue has popped up so far. The class names are not being imported correctly in the /src/components/
. It seems import style from "./styles.less"
is returning an empty object. The classes are in the build file correctly which means it is loading them but it is not getting to the index.js files. This may be an issue with extract-text-webpack-plugin
since it is still in RC and has a few issues right now.
All of the .less files in the /style
folder (global) seem to be loading fine.
Besides that, everything else seems to compile correctly.
from preact-boilerplate.
Sounds good. The PR can be found here.
from preact-boilerplate.
It's on the todo list now! We'll use this issue to track progress.
from preact-boilerplate.
Nice! I'll check your fork and see if I can fix.
from preact-boilerplate.
@AdamJo enable css modules extraction via the modules option on the css-loader in your webpack config:
… { loader: 'css-loader', options: { modules: true, sourceMap: true, } }
from preact-boilerplate.
Sorry for not following up on this. @bmatzner thanks for the catching that.
@developit I have made a new fork and updated from master. Webpack and Webpack-Dev-Server upgrade to version 2 and working as intended. Each commit has a link to the migration notes on webpack.js.org and some details. Let me know if you want me to open a pull request.
preact-boilerplate webpack 2 fork
from preact-boilerplate.
Awesome, I will take a peek at this tomorrow. If the bundle size doesn't get larger and everything still works, we can merge it and get everyone using webpack 2 :)
from preact-boilerplate.
@developit I never heard back so I've been keeping the boilerplate updated. The bundle sizes are the same.
bundle.js: 7.3kb both
style.css: 887b both
npm run test
and npm run lint
are working as intended.
Let me know if you would want me to open a PR to merge it.
from preact-boilerplate.
Definitely, let's get a PR in. I don't see any good reason to stay on Webpack 1 if the sizes are the same!
from preact-boilerplate.
Since #158 was merged it looks like this can be closed.
from preact-boilerplate.
Yup!
from preact-boilerplate.
Related Issues (20)
- Help with config? HOT 4
- An in-range update of script-ext-html-webpack-plugin is breaking the build 🚨 HOT 1
- An in-range update of eslint-plugin-react is breaking the build 🚨 HOT 2
- An in-range update of copy-webpack-plugin is breaking the build 🚨 HOT 2
- An in-range update of promise-polyfill is breaking the build 🚨 HOT 1
- await needed in router tests (app.test.js)? HOT 4
- An in-range update of css-loader is breaking the build 🚨 HOT 3
- An in-range update of serve is breaking the build 🚨 HOT 6
- An in-range update of postcss-loader is breaking the build 🚨 HOT 1
- Example of SW integration HOT 3
- Static HTML files? question HOT 1
- An in-range update of preact is breaking the build 🚨 HOT 2
- An in-range update of preact-router is breaking the build 🚨 HOT 1
- An in-range update of serve is breaking the build 🚨 HOT 1
- dependency bugs HOT 3
- requestAnimationFrame for HMR ? HOT 2
- unexpected token { HOT 1
- nrp run dev does not show latest changes HOT 1
- BrowserslistError: Unknown browser query `dead`
- Error when I try to install
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from preact-boilerplate.