为了账号安全,请及时绑定邮箱和手机立即绑定
  • unshift() 数组方法 向数组开头添加一个或多个item
    unshift(itme1,item2...,itemn)  最少添加一个
    
    trim() 字符串方法,去除字符串开头和结尾的空格


    查看全部
  • 一、前端的价值:

    1、搭建前端工程:数据缓存、es6和less(可以加快开发效率)。

    2、网络优化:http(所有静态资源都是通过http请求的)。

    3、api定制。

    4、node.js层。

    二、vue-cli生成的项目就是基于webpack的前端工程。


    查看全部
    1 采集 收起 来源:课程介绍

    2018-09-20

  • webpack之vue环境搭建
    查看全部
    0 采集 收起 来源:课程总结

    2018-09-17

  • webpack.config.js的笔记

    const path = require('path');

    const {VueLoaderPlugin}=require('vue-loader');      //加载 vue


    module.exports = {

    entry: path.resolve(__dirname, "src/index.js"),

    devServer: {

    contentBase: './dist'

    },

    output: {

    filename: 'bundle.js',

    path: path.resolve(__dirname, 'dist')

    },

    module: {

    rules: [

    //加载 vue

    {

    test: /\.vue$/,

    use: [

    'vue-loader'

    ]

    },

    // 加载 CSS

    {

    test: /\.css$/,

    use: [

    'vue-style-loader',    //可不要

    'style-loader',

    'css-loader'

    ]

    },

    ]

    },

    //加载 vue

    plugins:[

    new VueLoaderPlugin()

    ]

    };


    查看全部
  • webpack.DefinePlugin

    查看全部
  • cross-env 包

    查看全部
  • API 重点:生命周期方法、computed

    查看全部
  • 新建文件夹,执行npm init,配置项可以都选默认,最后会生成一个package.json文件。接下来安装我们所需要的包。

    因为是训练项目,就没有区分devdependens和dependence,都安装到一起了

    npm i webpack vue vue-loader

    发出警告

    peerDependencies WARNING vue-loader@* requires a peer of css-loader@* but none was installed

    peerDependencies WARNING vue-loader@* requires a peer of vue-template-compiler@^2.0.0 but none was installed

    说 vue-loader依赖css-loader和vue-template-compiler,然后继续安装这两个

    npm i css-loader vue-template-compiler

    项目就初始化好了

    新建src作为源码放置目录

    src中新建app.vue文件

    在根目录下新建webpack.config.js,webpack是用来帮我们打包前端的资源的,前端资源包括css、js、图片等,这些都需要通过http加载

    以js文件作为入口加载资源

    在src中新建index.js作为入口文件

    .vue是组件,不能直接挂载到html中去

    webpack做的事情就是把不同的静态资源的类型打包成一个js,然后再在html里引用这个js


    查看全部
  • 数据绑定:knockout

    查看全部
  • 一、前端的价值:

    1、搭建前端工程:数据缓存、es6和less(可以加快开发效率)。

    2、网络优化:http(所有静态资源都是通过http请求的)。

    3、api定制。

    4、node.js层。

    二、vue-cli生成的项目就是基于webpack的前端工程。


    查看全部
    4 采集 收起 来源:课程介绍

    2018-09-04

  • host: '0.0.0.0'

    查看全部
  • 前端的价值

    * 搭建前端工程

    * 网络优化

    * API定制

    * nodejs 层


    查看全部
    0 采集 收起 来源:课程介绍

    2018-09-04

  • url-loader依赖于file-loader

    查看全部
  • 问题:用splitChunks取代后,没有像老师编译后那样出现vendor.xxxx.js而是出现了三个bundle.xxx.js


    学习:

    • hash和chunkhash的区别

    • webpack4 中已经删掉 代码分割 CommonsChunkPlugin,把其中的方法全部归到optimization.splitChunks中。


    参考链接:

    https://webpack.js.org/plugins/split-chunks-plugin/#src/components/Sidebar/Sidebar.jsx

    查看全部
  • 11
    查看全部

举报

0/150
提交
取消
课程须知
1、对es6语法有基本了解 2、了解前端工程化 3、了解vuejs
老师告诉你能学到什么?
1、通过webpack搭建vue工程workflow 2、哪些是学习vue的重点 3、.vue文件开发模式 4、vue使用jsx进行开发的方式 5、vue组件间通信的基本方式 6、webpack打包优化的基本点

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!