Webpack Vue MultiplePage
在多页面项目下使用 Webpack + Vue
Overview:
The article provides a guide on how to upgrade a webpack + Vue multi-page project to webpack 4 and optimize its build speed. The author explains the process of upgrading webpack, installing necessary dependencies, and optimizing the build speed by using plugins and techniques such as parallel processing and DLL packaging. The article also covers adding ES6+ support with Babel 7.
Features:
- Webpack 4 Upgrade: Steps to upgrade webpack to version 4, including installing necessary dependencies and modifying configurations.
- Build Speed Optimization: Techniques and plugins to optimize the build speed, such as parallel processing, using TerserPlugin, and pre-packaging common code.
- ES6+ Support: Steps to add ES6+ support to the project using Babel 7, including installing dependencies and configuring Babel plugins and presets.
Summary:
The article provides detailed steps on how to upgrade a webpack + Vue multi-page project to webpack 4 and optimize its build speed. It covers the installation of necessary dependencies, modification of webpack configurations, and usage of plugins to improve build performance. Additionally, the article explains how to add ES6+ support using Babel 7. The provided guide is a valuable resource for developers working on multi-page projects with webpack and Vue.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.