From dc686b8e54b9842db0852cb330d4ec1b97d81fa6 Mon Sep 17 00:00:00 2001 From: Thorsten Date: Tue, 31 Jan 2017 22:59:54 +0100 Subject: [PATCH] Replaced all links to web pack.github.io with their counterparts on webpack.js.org --- src/v2/guide/components.md | 2 +- src/v2/guide/deployment.md | 2 +- src/v2/guide/installation.md | 2 +- src/v2/guide/single-file-components.md | 4 ++-- src/v2/guide/ssr.md | 2 +- 5 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/v2/guide/components.md b/src/v2/guide/components.md index d2b5879a1c..a2c8028938 100644 --- a/src/v2/guide/components.md +++ b/src/v2/guide/components.md @@ -1000,7 +1000,7 @@ Vue.component('async-example', function (resolve, reject) { }) ``` -The factory function receives a `resolve` callback, which should be called when you have retrieved your component definition from the server. You can also call `reject(reason)` to indicate the load has failed. The `setTimeout` here is simply for demonstration; How to retrieve the component is entirely up to you. One recommended approach is to use async components together with [Webpack's code-splitting feature](http://webpack.github.io/docs/code-splitting.html): +The factory function receives a `resolve` callback, which should be called when you have retrieved your component definition from the server. You can also call `reject(reason)` to indicate the load has failed. The `setTimeout` here is simply for demonstration; How to retrieve the component is entirely up to you. One recommended approach is to use async components together with [Webpack's code-splitting feature](https://webpack.js.org/guides/code-splitting-require/): ``` js Vue.component('async-webpack-example', function (resolve) { diff --git a/src/v2/guide/deployment.md b/src/v2/guide/deployment.md index 1ca0fead85..bfe2bfd1b3 100644 --- a/src/v2/guide/deployment.md +++ b/src/v2/guide/deployment.md @@ -18,7 +18,7 @@ When using a build tool like Webpack or Browserify, the production mode will be #### Webpack -Use Webpack's [DefinePlugin](http://webpack.github.io/docs/list-of-plugins.html#defineplugin) to indicate a production environment, so that warning blocks can be automatically dropped by UglifyJS during minification. Example config: +Use Webpack's [DefinePlugin](https://webpack.js.org/plugins/define-plugin/) to indicate a production environment, so that warning blocks can be automatically dropped by UglifyJS during minification. Example config: ``` js var webpack = require('webpack') diff --git a/src/v2/guide/installation.md b/src/v2/guide/installation.md index b74d651c02..fd30338e44 100644 --- a/src/v2/guide/installation.md +++ b/src/v2/guide/installation.md @@ -37,7 +37,7 @@ Also available on [jsdelivr](//cdn.jsdelivr.net/vue/{{vue_version}}/vue.js) or [ ## NPM -NPM is the recommended installation method when building large scale applications with Vue. It pairs nicely with module bundlers such as [Webpack](http://webpack.github.io/) or [Browserify](http://browserify.org/). Vue also provides accompanying tools for authoring [Single File Components](single-file-components.html). +NPM is the recommended installation method when building large scale applications with Vue. It pairs nicely with module bundlers such as [Webpack](https://webpack.js.org/) or [Browserify](http://browserify.org/). Vue also provides accompanying tools for authoring [Single File Components](single-file-components.html). ``` bash # latest stable diff --git a/src/v2/guide/single-file-components.md b/src/v2/guide/single-file-components.md index 7d94eeefff..d304adbcab 100644 --- a/src/v2/guide/single-file-components.md +++ b/src/v2/guide/single-file-components.md @@ -24,7 +24,7 @@ Here's a simple example of a file we'll call `Hello.vue`: Now we get: - [Complete syntax highlighting](https://github.com/vuejs/awesome-vue#syntax-highlighting) -- [CommonJS modules](https://webpack.github.io/docs/commonjs.html) +- [CommonJS modules](https://webpack.js.org/concepts/modules/#what-is-a-webpack-module) - [Component-scoped CSS](https://github.com/vuejs/vue-loader/blob/master/docs/en/features/scoped-css.md) As promised, we can also use preprocessors such as Pug, Babel (with ES2015 modules), and Stylus for cleaner and more feature-rich components. @@ -60,7 +60,7 @@ With `.vue` components, we're entering the realm of advanced JavaScript applicat After you've taken a day to dive into these resources, we recommend checking out the [webpack-simple](https://github.com/vuejs-templates/webpack-simple) template. Follow the instructions and you should have a Vue project with `.vue` components, ES2015 and hot-reloading running in no time! -The template uses [Webpack](https://webpack.github.io/), a module bundler that takes a number of "modules" and then bundles them into your final application. To learn more about Webpack itself, [this video](https://www.youtube.com/watch?v=WQue1AN93YU) offers a good intro. Once you get past the basics, you might also want to check out [this advanced Webpack course on Egghead.io](https://egghead.io/courses/using-webpack-for-production-javascript-applications). +The template uses [Webpack](https://webpack.js.org/), a module bundler that takes a number of "modules" and then bundles them into your final application. To learn more about Webpack itself, [this video](https://www.youtube.com/watch?v=WQue1AN93YU) offers a good intro. Once you get past the basics, you might also want to check out [this advanced Webpack course on Egghead.io](https://egghead.io/courses/using-webpack-for-production-javascript-applications). In Webpack, each module can be transformed by a "loader" before being included in the bundle, and Vue offers the [vue-loader](https://github.com/vuejs/vue-loader) plugin to take care of translating `.vue` single-file components. The [webpack-simple](https://github.com/vuejs-templates/webpack-simple) template has already set up everything for you, but if you'd like to learn more about how `.vue` components work with Webpack, you can read [the docs for vue-loader](https://vue-loader.vuejs.org). diff --git a/src/v2/guide/ssr.md b/src/v2/guide/ssr.md index e0af2a1149..57c4df794b 100644 --- a/src/v2/guide/ssr.md +++ b/src/v2/guide/ssr.md @@ -18,7 +18,7 @@ This means if you have content fetched asynchronously on pages where SEO is impo Users might come to your site from a remote area with slow Internet - or just with a bad cell connection. In these cases, you'll want to minimize the number and size of requests necessary for users to see basic content. -You can use [Webpack's code splitting](https://webpack.github.io/docs/code-splitting.html) to avoid forcing users to download your entire application to view a single page, but it still won't be as performant as downloading a single, pre-rendered HTML file. +You can use [Webpack's code splitting](https://webpack.js.org/guides/code-splitting-require/) to avoid forcing users to download your entire application to view a single page, but it still won't be as performant as downloading a single, pre-rendered HTML file. ### Clients with an Old (or Simply No) JavaScript Engine