Powered by md-Blog  文 - 篇  访客 -

  • 【sui】Vue.js+Semantic-ui+自定义主题 for SoEasy-Webpack4.0-Templete

    本篇基于 SoEasy-Webpack4.0-Templete 构建,当然您也可以选择其他 cli、Webpack 构建工具。基于【点击了解】SoEasy-Webpack4.0-Templete。如果您该模板对您有所帮助,请别忘了点个 Star,谢谢!默认使用 yarn 构建,当然您也可以选择 npm、cnpm。说明Semantic-ui,https://semantic-ui.com/ 是一个很不错的UI框架,可惜这两年没有维护,其独特的

    2020-04-23 16:08:23   2020-04-23 15:46:40
    分类:Webpack / 浏览:015876280007499
  • 【echarts】for SoEasy-Webpack4.0-Templete

    基于【点击了解】SoEasy-Webpack4.0-Templete。如果您该模板对您有所帮助,请别忘了点个 Star,谢谢!默认使用 yarn 构建,当然您也可以选择 npm、cnpm。安装echarts 的安装yarn add echarts使用main.jsimport echarts from 'echarts'; document.getElementById("app").innerHTML = ` <br> <div id="main" style="width: 80%;height:400px;margin:10px au

    2020-03-27 15:17:49   2020-03-27 15:17:49
    分类:Webpack / 浏览:015852934696053
  • 【vue】vue-loader 及单文件组件开发实例

    参考地址:https://vue-loader.vuejs.org/zh/说明vue-loader 用于处理 Vue 的组件。vue-template-compiler 用于处理组件中 <template> 块为字符串。安装yarn add vueyarn add vue-loader vue-template-compiler -D单文件组件开发实例index.html<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport&qu

    2020-03-26 11:06:15   2020-03-18 15:52:28
    分类:Webpack / 浏览:015845179484158
  • 【自动加载模块】ProvidePlugin

    自动加载模块插件,不用每次都在文件头 import xxx from 'xxx'config.common.jsplugins:[ new webpack.ProvidePlugin({ $: 'jquery', // 自动加载jQuery _last: ['lodash', 'last'] // 加载lodash的last方法 }) ]../../md/Webpack/

    2020-03-25 16:37:26   2020-03-25 16:36:38
    分类:Webpack / 浏览:015851253986805
  • 【Lodash】for SoEasy-Webpack4.0-Templete

    基于【点击了解】SoEasy-Webpack4.0-Templete。如果您该模板对您有所帮助,请别忘了点个 Star,谢谢!默认使用 yarn 构建,当然您也可以选择 npm、cnpm。安装Lodash 的安装yarn add lodash使用main.jsimport _ from 'lodash';测试main.jsconsole.log(_.last([1, 2, 3])); // 3../../md/Webpack/

    2020-03-25 08:58:48   2020-03-25 08:58:48
    分类:Webpack / 浏览:015850979282591
  • 【jQuery】for SoEasy-Webpack4.0-Templete

    基于【点击了解】SoEasy-Webpack4.0-Templete。如果您该模板对您有所帮助,请别忘了点个 Star,谢谢!默认使用 yarn 构建,当然您也可以选择 npm、cnpm。安装jQuery 的安装yarn add jquery使用main.jsimport $ from 'jquery';测试main.jsconsole.log($);../../md/Webpack/

    2020-03-24 16:51:21   2020-03-24 16:51:21
    分类:Webpack / 浏览:015850398817778
  • 【配置分离】webpack-merge

    Why?随着我们业务逻辑的增多,图片、字体、css、ES6以及CSS预处理器和后处理器逐渐的加入到我们的项目中来,进而导致配置文件的增多,使得配置文件书写起来比较繁琐,更严重者(书写特定文件的位置会出现错误)。更由于项目中不同的生产环境和开发环境的配置,使得配置文件变得更加糟糕。使用单个的配置文

    2020-03-24 16:32:28   2020-03-24 16:26:24
    分类:Webpack / 浏览:015850383842006
  • 【yarn】简单构建一个 Webpack 项目

    本教程只适用于练习及理解,不推荐在生产开发环境中。如需生产开发环境,请点击了解:SoEasy-Webpack4.0-Templete,如果对您有所帮助,别忘了给个 Star,谢谢!1、项目初始化yarn init -y2、安装 Webpackwebpack 核心模块webpack-cli 命令行工具yarn add webpack webpack-cli -D3、验证版本号npx webpack -vnpx webpack-cli -v4、新建文件/src/index.jsimpor

    2020-03-24 16:26:24   2020-03-18 11:22:25
    分类:Webpack / 浏览:015845017452204
  • 春明


     
    百度站内搜索


  • 晋ICP备18012953号-1
  • 百度统计