-
-
Notifications
You must be signed in to change notification settings - Fork 6.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
RFC: beta.10, Upgrading to webpack 4 + vue-loader 15 #1205
Comments
I'm looking forward to it. |
excited about the new beta.. |
Is there an ETA for this beta specifically and for the CLI final release in general? |
I propose to include #1248 in beta.10 it's a breaking change since it requires to import the babel polyfill in main.js, but overall ensures a better dev exp. Could make a PR if we decide so. |
@Codermar FYI beta.10 is out right now |
I was using Vue-CLI 3.0.0-beta.9 and then upgraded to Vue-CLI 3.0.0-beta.10 (including all plugins to 3.0.0-beta.10) Everything worked fine, except that the Hot Module replacement broke for my project. Now, when I compare my beta9 and beta10 builds, here is what is happening: If I change a
But with the beta10 the UI does not update though there is something happening in my network tab, and that too twice
This activity in network indicates that HMR is happening but it is not updating the component then and there. Can anyone help? |
vs
Did you do the npm version of "turning it on and off again" - deleting |
@LinusBorg Well I got the issue what made HMR stop. config.module
.rule("eslint")
.use("eslint-loader")
.tap(options => {
return merge(options, {
fix: true
});
}); Because of this, after the upgrade, the webpack is building my code twice at very small successions and somehow interfering with HMR. With, beta 10, if I disable the this |
I got it fixed, my component had en empty style tag that was causing double compilation of code, because of my eslint config and prettier (They were clashing) <style scoped>
</style> Removing this fixed HMR. Thanks everyone for helping though. |
^I think that should not happen. This should be regarded as a bug. |
If the one with the problem can produce a minimal runnable reproduction and open an issue (possibly in the vue-loader repository), we are happy to taker a look at it. Until then, this sounds like a custom-config-problem messing up the SFC file format / deleting stuff while auto fixing.
@piehei If you have additional information to provide, or a reproduicton, feel free to share. |
Closing as beta 10 is released, please see Change log for actual breaking changes. |
Upcoming Breaking Changes in beta.10
Node version requirement
As Node 8 becomes the latest LTS,
vue-cli-service
and all official plugins now also require a minimum Node version of 8.Test plugin script/command rename
cli-plugin-unit-jest
andcli-plugin-unit-mocha
now registertest:unit
command and script instead oftest
;cli-plugin-e2e-cypress
now registertest:e2e
with optional--headless
flag instead of "e2e" ande2e:open
;cli-plugin-e2e-nightwatch
now registerstest:e2e
instead ofe2e
Plugin commands and mode
PluginAPI.setMode()
has been removed. Instead, for a plugin to sepcify the default mode for a registered command, the plugins should exposemodule.exports.defaultModes
in the form of{ [commandName]: mode }
.webpack 4 & vue-loader 15
We are planning to upgrade to webpack 4 + vue-loader 15 in beta.10. This will result in some breaking changes:
webpack
Plugins that are not compatible with webpack 4 will no longer be supported.
We will using webpack 4's
optimization.splitChunks
with default automatic strategy instead of currentCommonChunksPlugin
. If you want to tweak the code splitting behavior you'll need to use webpack 4's new options.CSS Configuration
css
option will be removed, all CSS-related configurations should be done by tapping into the respective loaders usingchainWebpack
. See how vue-loader 15 is different from previous versionsCSS extraction will likely behave a bit differently as we will be moving to
mini-css-extract-plugin
. More on this as we migrate.Build
dll
option will be removed. Webpack 4 should provide good enough perf and the cost of maintaining DLL mode inside Vue CLI is no longer justified.The text was updated successfully, but these errors were encountered: