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