npm建立webpack專案-手動打包vue
阿新 • • 發佈：2022-01-16
使用npm 建立專案
學習 webpack 配置檔案
學習webpack 的 loaders [ vue-loader; babel-loader ]
學習vue
使用webpack 打包vue
原始碼 https://github.com/zhiwei122126/learn-webpack-vue
========================================================================
// 過程簡單記錄
npm install --save-dev webpack webpack-cli webpack-dev-server # html 生成外掛，它會將 生成的 js 和 css 檔案插入到html 中 #https://webpack.docschina.org/plugins/html-webpack-plugin/#root npm install --save-dev html-webpack-plugin # vue 模板編譯器 和 webpack 配合的 loader npm install -D vue-loader vue-template-compiler vue-style-loader npm install -D css-loader style-loader npm install -D file-loader url-loader npm install -D @babel/core @babel/cli babel-loader @babel/preset-env npm install @babel/polyfill npm install vue ================================ 參考文件 Webpack quick starthttps://webpack.docschina.org/guides/getting-started vue loader https://vue-loader.vuejs.org/ html-webpack-plugin https://webpack.docschina.org/plugins/html-webpack-plugin/ 學習webpack建立vue專案1 https://segmentfault.com/a/1190000020049567 babel-loader https://webpack.docschina.org/loaders/babel-loader babel-preset-env 和 .babelrchttps://zhuanlan.zhihu.com/p/27777995 babel在webpack 中使用和配置 https://blog.csdn.net/qq_15601471/article/details/99690530 Babel 7使用總結 https://segmentfault.com/a/1190000019718925 using the `useBuiltIns` option without declaring a core-js version https://www.cnblogs.com/lguow/p/12880384.html