Claroja

导入vue时会报错 import App from './components/App.vue' npm i -d vue-loader vue-template-compiler 在 webpack.config.js 配置文件中，添加 vue-loader 的配置 const VueLoaderPlugin = require('vue-loader/lib/plugin') module.exports = { module: { rules: [ /

webpack 默认只能打包处理以 .js 后缀名结尾的模块 打包处理css文件 1 npm i -d style-loader css-loader 2 在 webpack.config.js 的 module -> rules 数组中，添加 loader 规则如下： test 表示匹配的文件类型， use 表示对应要调用的 loader module: { rules: [ { test: /\.css$/, use: ['style-loader', 'css-l

1 npm i -d webpack-dev-server 2 修改 package.json -> scripts 中的 dev 命令 "scripts": { "dev": "webpack-dev-server" // script 节点下的脚本，可以通过 npm run 执行 } 3 将 src -> index.html 中，script 脚本的引用路径，修改为 "/buldle.js“ 4 npm run dev 5 在浏览器中访问 http://localhost:

设置主页面 1.npm install -d html-webpack-plugin 2 webpack.config.js 文件头部区域 const HtmlWebpackPlugin = require('html-webpack-plugin') const htmlPlugin = new HtmlWebpackPlugin({ // 创建插件的实例对象 template: './src/index.html', // 指定要用到的模板文件 filename: 'index.html'

webpack 的 4.x 版本中默认约定： 打包的入口文件为 src -> index.js 打包的输出文件为 dist -> main.js 可以自定义: const path = require('path') // 导入 node.js 中专门操作路径的模块 module.exports = { entry: path.join(__dirname, './src/index.js'), // 打包入口文件的路径 output: { path: path.joi

想单纯执行某个模块中的代码，并不需要得到模块中向外暴露的成员,可以直接导入并执行模块代码 m1.js // 当前文件模块为 m1.js for(let i = 0; i < 3; i++) { console.log(i) } m2.js // 直接导入并执行模块代码 import './m2.js' ...

按需导出语法 export let s1 = 10 按需导入语法 import { s1 } from '模块标识符' m1.js // 当前文件模块为 m1.js export let s1 = 'aaa' // 向外按需导出变量 s1 export let s2 = 'ccc' // 向外按需导出变量 s2 export function say = function() {} // 向外按需导出方法 say m2.js // 当前文件模块为 m2.js // 导入模块成员

默认导出语法 export default 默认导出的成员 默认导入语法 import 接收名称 from '模块标识符' m1.js // 当前文件模块为 m1.js let a = 10 // 定义私有成员 let c = 20 // 定义私有成员 let d = 30 // 定义私有成员 function show() {} // 定义私有成员 // 将本模块中的私有成员暴露出去，供其它模块使用 export default { // 外界访问不到变量 d ,因为它没有被暴露出去 a,

并不是所有浏览器都支持ES6,所以要将代码进行降级转换. bable可以将高级的js代码转换为低级的js代码 npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node npm install --save @babel/polyfill 3.项目跟目录创建文件 babel.config.js ,并写入 const presets = [ ["@babel/env", { t

AMD 和 CMD 适用于浏览器端的 Javascript 模块化 CommonJS 适用于服务器端的 Javascript 模块化 ES6 语法规范中，在语言层面上定义了 ES6 模块化规范，是浏览器端与服务器端通用的模块化开发规范。 ES6模块化规范中定义： 每个 js 文件都是一个独立的模块 导入模块成员使用 import 关键字 暴露模块成员使用 export 关键字 ...

项目描述文件，记录了当前项目信息，例如项目名称、版本、作者、github地址、当前项目依赖了哪些第三方模块等。 使用npm init -y命令生成。 项目依赖 在项目的开发阶段和线上运营阶段，都需要依赖的第三方包，称为项目依赖 使用npm install 包名命令下载的文件会默认被添加到 package.json 文件的 dependencies 字段中 { "dependencies": { "jquery": "^3.3.1“ } } 开发依赖 在项目的开发阶段需要

在Node.js中，每次修改文件都要在命令行工具中重新执行该文件，非常繁琐。 nodemon是一个命令行工具，自动执行改变的文件 使用步骤 使用npm install nodemon –g 下载它 在命令行工具中用nodemon命令替代node命令执行文件 ...

npm默认的下载地址在国外，国内下载速度慢 nrm ( npm registry manager )：npm下载地址切换工具 使用步骤 使用npm install nrm –g 下载它 查询可用下载地址列表 nrm ls 切换npm下载地址 nrm use 下载地址名称

第三方模块有两种存在形式： 以js文件的形式存在，提供实现项目具体功能的API接口。 以命令行工具形式存在，辅助项目开发 npm (node package manager) ： node的第三方模块管理工具 下载：npm install 模块名称 卸载：npm unintall package 模块名称 ...

JavaScript在使用时存在两大问题，文件依赖和命名冲突。 文件依赖:文件之间的依赖关系,通过文件来自动维护,而不需要人工分析 命名冲突:JavaScript中不同js文件,变量是完全开放的,相同变量名会被覆盖.在Node.js中可是使用export关键字,来约束哪些变量可以被别的文件使用,哪些不可以 Node.js中模块化开发规范 Node.js规定一个JavaScript文件就是一个模块，模块内部定义的变量和函数默认情况下在外部无法得到 模块内部可以使用exports对象进行成员导出， 使用requ

JavaScript 由三部分组成，ECMAScript，DOM，BOM Node.js是由ECMAScript及Node 环境提供的一些附加API组成的，包括文件、网络、路径等等一些更加强大的 API。 node helloword.js //运行js文件