Code Separation - import() webpack2.x Chinese Document Translation
Code separation - using import()
Chinese Document Address click here
Dynamic import
Currently, class module import() block loaded Syntax Recommendation The whole is handed over to ECMAScript.ES2015(es6) loader description Define import() as a method to load the es6 module at runtime.import() in webpack is a split-point, used to separate the req ...
Posted by joix on Tue, 16 Jul 2019 15:55:07 -0700
javascript module (1) - module idea
As a rookie, the word "module" has been heard countless times. Recently, I was asked to write a simple module, wtf, but, what is it? (This article is based on my thinking process, if you have any mistakes, please point out)
Module: A set of methods to implement specific functions. (I think modules are similar to classes in that they ...
Posted by Bookmark on Mon, 15 Jul 2019 18:00:38 -0700
Use Vue.js and Chart.js to make colorful charts
Author: Jakub Juszczak Compile: Dahaha with a beard
Translated text: http://huziketang.com/blog/posts/detail?postId=58e5e0e1a58c240ae35bb8e0 English Connection: Creating stunning charts with Vue.js and Chart.js
For reprinting, please specify the source, keep the links to the original text and the author's information.
Learn more about char ...
Posted by taskagent on Tue, 09 Jul 2019 18:05:33 -0700
Set up a note taking application step by step with vue-cli and vuex (1)
I wrote this article because I want to learn vuex. To be honest, I have been using vue, but the core vuex has not been used yet. https://segmentfault.com/a/1190000005015164
This article is well written, but it's a bit old. It was written a year ago.
Now I'll automate the project with vue-cli, then build a note-taking application with vuex.
...
Posted by alex_lana on Tue, 02 Jul 2019 10:41:26 -0700
react-router implements on-demand loading
The react-router version used in this article is 2.8.1
React Router has its own on-demand loading solution that splits code into smaller packages to load on demand during browsing.
If your project has a webpack packaging tool, you need to add chunkFilename to the output of webpack.config.js
output: {
path: path.join(__dirname, '/../dist ...
Posted by aquaman1856 on Tue, 02 Jul 2019 10:18:59 -0700
Angular - webpack 2 cases
It took more than a week to build a simple wap station.
I have studied webpack before, but I haven't used it. This time, the company is going to build an h5 website, which is just used for practice. It says that angular 1x is not very friendly to the mobile end, but it is mainly because angular 1x is familiar with, quick to start and fast to ...
Posted by venkat20 on Fri, 28 Jun 2019 17:03:04 -0700
Communication Facts Between vue Components
1. In vue, parent component passes data to child component via props
<child-component :prop1="Data 1 of parent component" :prop2="Data 2 of parent component"></child-component>
The subcomponent accepts only props defined in the subcomponent.
Vue.component('child-component', {
props: ['prop1', 'prop2'], // Define which props to rec ...
Posted by seraulu1 on Fri, 28 Jun 2019 11:24:53 -0700
Brief Analysis of Web Packing Codes
Brief Analysis of Web Packing Codes
Come to the point
1. Packing a single module
webpack.config.js
module.exports = {
entry:"./chunk1.js",
output: {
path: __dirname + '/dist',
filename: '[name].js'
},
};
chunk1.js
var chunk1=1;
exports.chunk1=chunk1;
After packaging, main. JS (some comments genera ...
Posted by PJNEW on Wed, 26 Jun 2019 10:17:55 -0700
Vue2.0 Family Barrel Tencent Sports APP (Web Edition)
Vue2.0 Family Barrel Tencent Sports APP
The annual NBA finals, I believe that the most used by fans is Tencent Sports APP, just started Vue, when practitioners will copy this APP.
Effect Preview
(vii) Online preview: Click on me!!! Online Preview, Mobile Browser Browsing or Switching Mobile Debugging
(viii) Source address: Github I beg your ...
Posted by trellie on Mon, 24 Jun 2019 14:53:46 -0700
webpack Rookie Learning
Webpack is a front-end tool that allows modules to be loaded, preprocessed, and packaged. It has all the basic functions of Grunt or Gulp.
Previously, gulp was used to do css and js for pages, packaging was compressed, configuration was simple, but it was too cumbersome. When using sass, importing sass files directly into sass was prone to erro ...
Posted by changeback on Sat, 22 Jun 2019 12:13:33 -0700