require

webpack-merge

匿名 (未验证) 提交于 2019-12-03 00:15:02
webpack-merge 配置分离 随着我们业务逻辑的增多,图片、字体、css、ES6以及CSS预处理器和后处理器逐渐的加入到我们的项目中来,进而导致配置文件的增多,使得配置文件书写起来比较繁琐,更严重者(书写特定文件的位置会出现错误)。更由于项目中不同的生产环境和开发环境的配置,使得配置文件变得更加糟糕。 使用单个的配置文件会影响到任务的可重用性,随着项目需求的增长,我们必须要找到更有效地管理配置文件的方法。 管理配置文件的几种方法: 在每个环境的多个文件中维护配置,并通过--config参数将webpack指向每个文件,通过模块导入共享配置。 将配置文件推送到库,然后引用库。 将配置文件推送到工具。 维护单个配置文件的所有配置并在那里进行分支并依赖--env参数。 在本文中,主要介绍第四种文件配置的方法。 分离配置文件 我们在根目录下创建config文件夹,并创建四个配置文件: webpack.comm.js 公共环境的配置文件 webpack.development.js 开发环境下的配置文件 webpack.production.js 生产环境下的配置文件 webpack.parts.js 各个配置零件的配置文件 合并配置文件的工具 如果配置文件被分成了许多不同的部分,那么必须以某种方式来组合他们,通常就是合并数组和对象,webpack-merge很好的做到了这一点。

使用TP5验证器遇到的坑

匿名 (未验证) 提交于 2019-12-03 00:14:01
项目中需要对字段进行验证,本人使用的是控制器验证方式。话不多说,直接上报错信息: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'skxx.sk_' doesn't exist 意思是数据库skxx中的某张表不存在! 看代码: //验证规则$rules = [ 'code' => 'require|unique', //原因就出在这里,需要在规则中添加表名:格式为-->'require|unique:purchase'. 那是不是每一条都要加呢,答案是不需要 'name' => 'require', 'supplier_id' => 'require', 'deliver_time' => 'date', 'amount' => 'number', 'amount_paid' => 'number', 'rows' => 'require', //预留验证];//错误信息$message = [ 'code.require' => '订单编号必填', 'code.unique' => '该编号已存在,请使用其他编号', 'name.require' => '订单名称必填', 'supplier_id' => '请选择供应商', 'deliver_time.date' => '交付日期必须为日期格式',

httpd题目

匿名 (未验证) 提交于 2019-12-03 00:09:02
题目 1、建立httpd服务,要求: (1) 提供两个基于名称的虚拟主机: www1.stuX.com,页面文件目录为/web/vhosts/www1;错误日志为/var/log/httpd/www1/error_log,访问日志为/var/log/httpd/www1/access_log; www2.stuX.com,页面文件目录为/web/vhosts/www2;错误日志为/var/log/httpd/www2/error_log,访问日志为/var/log/httpd/www2/access_log; (2) 通过www1.stuX.com/server-status输出其状态信息,且要求只允许提供账号的用户访问; (3) www1不允许192.168.1.0/24网络中的主机访问; 2、为上面的第2个虚拟主机提供https服务,使得用户可以通过https安全的访问此web站点; (1) 要求使用证书认证,证书中要求使用国家(CN),州(Beijing),城市(Beijing),组织为(jzbg); (2) 设置部门为Ops, 主机名为www2.stuX.com; 参考 参考: https://www.cnblogs.com/jzbgltb/p/10051124.html 参考: http://uee.me/bh4Gh 参考: https://blog.51cto.com

requireJS学习笔记

匿名 (未验证) 提交于 2019-12-03 00:08:02
一、为什么要使用require.js? 1、在大型项目中,往往一个页面需要加载很多个js文件,而页面加载的时候,浏览器会停止网页渲染,因此加载文件越多,导致网页失去响应的时间就会越长; 2、其次,由于js文件之间存在依赖关系,因此必须严格保证加载顺序(比如上例的1.js要在2.js的前面),依赖性最大的模块一定要放到最后加载,当依赖关系很复杂的时候,代码的编写和维护都会变得困难。 所以,在开发大型Javascript应用程序的时候,就必须引入模块化机制。关于前端模块化的前世今生,可以参考此博客: https://www.cnblogs.com/scq000/p/10647128.html 二、require.js能干什么? 1、 RequireJS 是遵循AMD规范的模块化工具, 在导入模块的时候,会先加载对应的依赖模块,然后再执行接下来的代码,同时AMD模块可以并行加载所有依赖模块,从而很好地提高页面加载性能: 2、管理模块之间的依赖性,便于代码的编写和维护。 RequireJS的基本思想是,通过define方法,将代码定义为模块;通过require方法,实现代码的模块加载。 三、require.js的加载: <script src = "js/require.js" ></script> 引用js的过程,为了避免网页失去响应,我们可以将代码卸载网页底部进行加载

vue-cli2.x构建项目及目录详解

匿名 (未验证) 提交于 2019-12-02 23:57:01
vue-cli2.x构建项目及目录详解 1.全局安装vue-cli 检测版本 vue -V 2.全局安装webpack cnpm install -g webpack 3.全局安装webpack的本地webserver cnpm install -g webpack-dev-server 4.构建项目 vue init webpack demo 5.项目描述 6.创建成功后的目录结构 各文件作用 1.build文件夹 (1)build.js 'use strict' // js的严格模式 require('./check-versions')() // node和npm的版本检查 process.env.NODE_ENV = 'production' // 设置环境变量为生产环境 // 导进各模块 const ora = require('ora') // loading模块 const rm = require('rimraf') // 用于删除文件 const path = require('path') // 文件路径工具 const chalk = require('chalk') // 在终端输出带颜色的文字 const webpack = require('webpack') // 引入webpack.js const config = require('..

React require(“history”).createBrowserHistory` instead of `require(“history/createBrowserHistory”)

匿名 (未验证) 提交于 2019-12-02 23:56:01
看见bug惊讶,代码中并没有require(“history/createBrowserHistory”) //原有代码为 import createBrowserHistory from "history/createBrowserHistory" ; const customHistory = createBrowserHistory (); bug解决方式为 import { createBrowserHistory } from 'history' const customHistory = createBrowserHistory (); 本文借鉴自: https://stackoverflow.com/questions/55466802/react-requirehistory-createbrowserhistory-instead-of-requirehistory-crea 来源:博客园 作者: jser_dimple 链接:https://www.cnblogs.com/smart-girl/p/11427746.html

webpack未能加载打包音频文件

匿名 (未验证) 提交于 2019-12-02 23:52:01
一、说明 在 webpack 中,我们发现,在项目中直接把图片(包括音频)路径拿过来使用是行不通的,要在 require 或者 import 引入之后才能使用这些资源。这是因为 webpack 会把图片当作模块来使用,而不是直接以字符串的形式(模块化是 node 编程的核心理念之一) 二、引入方式 require: 是 AMD 规范引入方式 因为是在运行时调用,所以理论上可以放在代码的任何地方 require 是赋值过程,其实 require 的结果就是对象、数字、字符串、函数等,再把 require 的结果赋值给某个变量 import 是 ES6 的语法标准,如需兼容浏览器的话必须转化成 ES5 的语法 在编译时调用,所以必须放在文件开头 import 是解构过程,但是目前所有的引擎都还没有实现 import,我们在 node 中使用 babel 支持 ES6,也仅仅是将 ES6 转码为 ES5 再执行,import 语法会被转码为 require 三、无法打包 mp3 文件(或其他文件)问题 解决方式(使用 file-loader) 可以直接在 require 时指定使用 file-loader,示例如下 const sounds = require("file-loader!../assets/sounds/sounds.mp3"); 可以在 webpack 中配置 file

webpack4下url-loader打包图片问题

匿名 (未验证) 提交于 2019-12-02 23:52:01
webpack.condig.js: const path = require('path'); //导入插件 const VueLoaderPlugin = require('vue-loader/lib/plugin');//加这句是为了避免报错:Module Error (from ./node_modules/vue-loader/lib/index.js): const MiniCssExtractPlugin = require('mini-css-extract-plugin'); module.exports={ entry:{ main:'./main' }, output:{ path:path.join(__dirname,'./dist'), publicPath:'/dist/', filename:'main.js' }, module:{ rules:[ { test:/\.vue$/, loader:'vue-loader', options:{ loaders:{ css:MiniCssExtractPlugin.loader } } }, { test:/\.js$/, loader:'babel-loader', exclude:/node_modules/ }, { test: /\.css$/, use:

Node.js中模块的加载机制

匿名 (未验证) 提交于 2019-12-02 23:52:01
// 1.require(path) require('./find.js') //2 require(path) path后缀名省略 require('./find) // 在当前路径下找同名js文件 再找同名js文件夹 // 若找到了 同名文件夹 找文件夹中的index.js //若没有Index.js 就会去当前文件夹中的package.js文件中查找main选项中的入口文件 // 若入口文件不存在或没有指定的入口文件就会报错

require与 include区别

匿名 (未验证) 提交于 2019-12-02 23:51:01
require 与 include区别?   PHP程序在执行前,就会先将require指定的文件读取,使它成为PHP程序的一部分。常用这个函数引入PHP文件。 一下为补充   1.include有返回值,而require没有   2.require 和 include 对于错误   require存在错误的时候,那么程序就会中断执行了。并显示错误   include存在错误的时候,那么程序不会中断,而是继续执行,并显示一个错误 3.require 和include的变量     两者变量的调用理念是相同的。那么就是必须事先就存在的变量才能调用。但是include可能会由于变量未及时引入导致变量并不存在 4.require是无条件包含,也就是如果在一个流程控制里面加入require,无论条件成立否都会引用require指定的文件。因为PHP程序在未执行的时候已经引入了。 5.require和include的使用   require 一般放在PHP文件的头部。来引入那些必须引入的文件。   include则放在流程控制的语句中更适合。