webpack
你的晚晚
这个作者很懒,什么都没留下…
展开
-
webpack4安装babel
安装 npm install -D babel-loader @babel/core @babel/preset-env webpack babel 在每个文件都插入了辅助代码,使代码体积过大,下面的配置禁用了 babel 自动对每个文件的 runtime 注入,而是引入 babel-plugin-transform-runtime 并且使所有辅助代码从这里引用。 npm install --...原创 2019-07-20 12:27:27 · 324 阅读 · 0 评论 -
webpack中使用vue、component、vue-router
一、 在普通网页中使用vue: 使用script标签,引入vue的包 在index页面,创建一个id为app的div容器 创建一个vue实例 在webpack中使用vue 安装vue包 npm i vue -S 由于 在 webpack 中,推荐使用 .vue 这个组件模板文件定义组件,所以需要安装能解析这种文件的 loader npm i vue-loader vue-templa...原创 2019-07-20 21:36:03 · 479 阅读 · 0 评论 -
webpack中按需引入mint-UI报Error: .plugins[0][1] must be an object, false, or undefined
Mint-UI官方文档:https://mint-ui.github.io/docs/#/en2/quickstart 按需引入mint-UI的步骤: 安装 npm install --save mint-ui 安装 npm install babel-plugin-component -D 配置 .babelrc { "presets": [ ["@babel/preset-en...原创 2019-07-21 15:48:21 · 4237 阅读 · 1 评论 -
Vue.js - Day5 - Webpack
在网页中会引用哪些常见的静态资源? JS .js .jsx .coffee .ts(TypeScript 类 C# 语言) CSS .css .less .sass .scss Images .jpg .png .gif .bmp .svg 字体文件(Fonts) .svg .ttf .eot .woff .woff2 ...原创 2019-08-12 14:55:52 · 85 阅读 · 0 评论 -
Vue.js - day6
注意: 有时候使用npm i node-sass -D装不上,这时候,就必须使用 cnpm i node-sass -D 在普通页面中使用render函数渲染组件 在webpack中配置.vue组件页面的解析 运行cnpm i vue -S将vue安装为运行依赖; 运行cnpm i vue-loader vue-template-compiler -D将解析转换vue的包安装为开发依赖; ...原创 2019-08-12 14:56:46 · 103 阅读 · 0 评论