婚庆公司网站建设总结报告,做网站膜网站怎么做,南岗红旗大街网站建设,网页设计作品展示图片前言
对于入门选手来讲#xff0c;webpack 配置项很多很重#xff0c;如何快速配置一个可用于线上环境的 webpack 就是一件值得思考的事情。其实熟悉 webpack 之后会发现很简单#xff0c;基础的配置可以分为以下几个方面#xff1a; entry 、 output 、 mode 、 resolve …前言
对于入门选手来讲webpack 配置项很多很重如何快速配置一个可用于线上环境的 webpack 就是一件值得思考的事情。其实熟悉 webpack 之后会发现很简单基础的配置可以分为以下几个方面 entry 、 output 、 mode 、 resolve 、 module 、 optimization 、 plugin 、 source map 、 performance 等本文就来重点分析下这些部分。
一、配置入口 entry
1、单入口和多入口
将源文件加入到 webpack 构建流程可以是单入口:
module.exports {entry: ./index.js,
}构建包名称 [name]为 main
或多入口
module.exports {entry: { index: ./index.js,},
}key:value 键值对的形式
key构建包名称即 [name] 在这里为 indexvalue入口路径
入口决定 webapck 从哪个模块开始生成依赖关系图构建包每一个入口文件都对应着一个依赖关系图。
2. 动态配置入口文件
动态打包所有子项目
当构建项目包含多个子项目时每次增加一个子系统都需要将入口文件写入 webpack 配置文件中其实我们让webpack 动态获取入口文件例如
// 使用 glob 等工具使用若干通配符运行时获得 entry 的条目
module.exports {entry: glob.sync(./project/**/index.js).reduce((acc, path) {const entry path.replace(/index.js, )acc[entry] pathreturn acc}, {}),
}则会将所有匹配 ./project/**/index.js 的文件作为入口文件进行打包如果你想要增加一个子项目仅仅需要在 project 创建一个子项目目录并创建一个 index.js 作为入口文件即可。
这种方式比较适合入口文件不集中且较多的场景。
动态打包某一子项目
在构建多系统应用或组件库时我们每次打包可能仅仅需要打包某一模块此时可以通过命令行的形式请求打印某一模块例如
npm run build --project components在打包的时候解析命令行参数
// 解析命令行参数
const argv require(minimist)(process.argv.slice(2))
// 项目
const project argv[project] || index然后配置入口
module.exports {entry: { index: ./${project}/index.js,}
}相当于
module.exports {entry: { index: ./components/index.js,}
}当然你可以传入其它参数也可以应用于多个地方例如 resolve.alias 中。
二、配置出口 output
用于告知 webpack 如何构建编译后的文件可以自定义输出文件的位置和名称:
module.exports {output: { // path 必须为绝对路径// 输出文件路径path: path.resolve(__dirname, ../../dist/build),// 包名称filename: [name].bundle.js,// 或使用函数返回名(不常用)// filename: (chunkData) {// return chunkData.chunk.name main ? [name].js: [name]/[name].js;// },// 块名公共块名(非入口)chunkFilename: [name].[chunkhash].bundle.js,// 打包生成的 index.html 文件里面引用资源的前缀// 也为发布到线上资源的 URL 前缀// 使用的是相对路径默认为 publicPath: /, }
}在 webpack4 开发模式下会默认启动 output.pathinfo 它会输出一些额外的注释信息对项目调试非常有用尤其是使用 eval devtool 时。
filename [name] 为 entry 配置的 key除此之外还可以是 [id] 内部块 id 、 [hash]、[contenthash] 等。
1. 浏览器缓存与 hash 值
对于我们开发的每一个应用浏览器都会对静态资源进行缓存如果我们更新了静态资源而没有更新静态资源名称或路径浏览器就可能因为缓存的问题获取不到更新的资源。在我们使用 webpack 进行打包的时候webpack 提供了 hash 的概念所以我们可以使用 hash 来打包。
在定义包名称例如 chunkFilename 、 filename我们一般会用到哈希值不同的哈希值使用的场景不同
hash
build-specific 哈希值对应每一次构建 Compilation 即每次编译都不同即使文件内容都没有改变并且所有的资源都共享这一个哈希值此时浏览器缓存就没有用了可以用在开发环境生产环境不适用。
chunkhash
chunk-specific 哈希值对应于 webpack 每个入口点每个入口都有自己的哈希值。如果在某一入口文件创建的关系依赖图上存在文件内容发生了变化那么相应入口文件的 chunkhash 才会发生变化适用于生产环境
contenthash
content-specific根据包内容计算出的哈希值只要包内容不变contenthash 就不变适用于生产环境
webpack 也允许哈希的切片。如果你写 [hash:8] 那么它会获取哈希值的前 8 位。
注意
尽量在生产环境使用哈希按需加载的块不受 filename 影响受 chunkFilename 影响使用 hash/chunkhash/contenthash 一般会配合 html-webpack-plugin 创建 html 并捆绑相应的打包文件 、clean-webpack-plugin 清除原有打包文件 一起使用。
2. 打包成库
当使用 webapck 构建一个可以被其它模块引用的库时
module.exports {output: { // path 必须为绝对路径// 输出文件路径path: path.resolve(__dirname, ../../dist/build),// 包名称filename: [name].bundle.js,// 块名公共块名(非入口)chunkFilename: [name].[chunkhash].bundle.js,// 打包生成的 index.html 文件里面引用资源的前缀// 也为发布到线上资源的 URL 前缀// 使用的是相对路径默认为 publicPath: /, // 一旦设置后该 bundle 将被处理为 librarylibrary: webpackNumbers,// export 的 library 的规范有支持 var, this, commonjs,commonjs2,amd,umdlibraryTarget: umd,}
}三、配置模式 modewebpack4
设置 mode 可以让 webpack 自动调起相应的内置优化。参考 前端进阶面试题详细解答
module.exports {// 可以是 none、development、production// 默认为 productionmode: production
}或在命令行里配置
build:prod: webpack --config config/webpack.prod.config.js --mode production在设置了 mode 之后webpack4 会同步配置 process.env.NODE_ENV 为 development 或 production 。
webpack4 最引人注目的主要是 减小编译时间 打包时间减小了超过 60% 零配置 我们可以在没有任何配置文件的情况下将 webpack 用于各种项目
webpack4 支持零配置使用这里的零配置就是指mode 以及 entry 默认为 src/index.js都可以通过入口文件指定并且 webpack4 针对对不同的 mode 内置相应的优化策略。
1. production
配置
// webpack.prod.config.js
module.exports {mode: production,
}相当于默认内置了
// webpack.prod.config.js
module.exports {performance: {// 性能设置,文件打包过大时会报警告hints: warning},output: {// 打包时在包中不包含所属模块的信息的注释pathinfo: false},optimization: {// 不使用可读的模块标识符进行调试namedModules: false,// 不使用可读的块标识符进行调试namedChunks: false,// 设置 process.env.NODE_ENV 为 productionnodeEnv: production,// 标记块是否是其它块的子集// 控制加载块的大小加载较大块时不加载其子集flagIncludedChunks: true,// 标记模块的加载顺序使初始包更小occurrenceOrder: true,// 启用副作用sideEffects: true,// 确定每个模块的使用导出// 不会为未使用的导出生成导出// 最小化的消除死代码// optimization.usedExports 收集的信息将被其他优化或代码生成所使用usedExports: true,// 查找模块图中可以安全的连接到其它模块的片段concatenateModules: true,// SplitChunksPlugin 配置项splitChunks: {// 默认 webpack4 只会对按需加载的代码做分割chunks: async,// 表示在压缩前的最小模块大小,默认值是30kbminSize: 30000,minRemainingSize: 0,// 旨在与HTTP/2和长期缓存一起使用 // 它增加了请求数量以实现更好的缓存// 它还可以用于减小文件大小以加快重建速度。maxSize: 0,// 分割一个模块之前必须共享的最小块数minChunks: 1,// 按需加载时的最大并行请求数maxAsyncRequests: 6,// 入口的最大并行请求数maxInitialRequests: 4,// 界定符automaticNameDelimiter: ~,// 块名最大字符数automaticNameMaxLength: 30,cacheGroups: { // 缓存组vendors: {test: /[\\/]node_modules[\\/]/,priority: -10},default: {minChunks: 2,priority: -20,reuseExistingChunk: true}}},// 当打包时遇到错误编译将不会把打包文件输出// 确保 webpack 不会输入任何错误的包noEmitOnErrors: true,checkWasmTypes: true,// 使用 optimization.minimizer || TerserPlugin 来最小化包minimize: true,},plugins: [// 使用 terser 来优化 JavaScriptnew TerserPlugin(/* ... */),// 定义环境变量new webpack.DefinePlugin({ process.env.NODE_ENV: JSON.stringify(production) }),// 预编译所有模块到一个闭包中提升代码在浏览器中的执行速度new webpack.optimize.ModuleConcatenationPlugin(),// 在编译出现错误时使用 NoEmitOnErrorsPlugin 来跳过输出阶段。// 这样可以确保输出资源不会包含错误new webpack.NoEmitOnErrorsPlugin()]
}2. development
配置
// webpack.dev.config.js
module.exports {mode: development,
}相当于默认内置了
// webpack.dev.config.js
module.exports {devtool: eval,cache: true,performance: {// 性能设置,文件打包过大时不报错和警告只做提示hints: false},output: {// 打包时在包中包含所属模块的信息的注释pathinfo: true},optimization: {// 使用可读的模块标识符进行调试namedModules: true,// 使用可读的块标识符进行调试namedChunks: true,// 设置 process.env.NODE_ENV 为 developmentnodeEnv: development,// 不标记块是否是其它块的子集flagIncludedChunks: false,// 不标记模块的加载顺序occurrenceOrder: false,// 不启用副作用sideEffects: false,usedExports: false,concatenateModules: false,splitChunks: {hidePathInfo: false,minSize: 10000,maxAsyncRequests: Infinity,maxInitialRequests: Infinity,},// 当打包时遇到错误编译仍把打包文件输出noEmitOnErrors: false,checkWasmTypes: false,// 不使用 optimization.minimizer || TerserPlugin 来最小化包minimize: false,removeAvailableModules: false},plugins: [// 当启用 HMR 时使用该插件会显示模块的相对路径// 建议用于开发环境new webpack.NamedModulesPlugin(),// webpack 内部维护了一个自增的 id每个 chunk 都有一个 id。// 所以当增加 entry 或者其他类型 chunk 的时候id 就会变化// 导致内容没有变化的 chunk 的 id 也发生了变化// NamedChunksPlugin 将内部 chunk id 映射成一个字符串标识符模块的相对路径// 这样 chunk id 就稳定了下来new webpack.NamedChunksPlugin(),// 定义环境变量new webpack.DefinePlugin({ process.env.NODE_ENV: JSON.stringify(development) }),]
}3. none
不进行任何默认优化选项。
配置
// webpack.com.config.js
module.exports {mode: none,
}相当于默认内置了
// webpack.com.config.js
module.exports {performance: {// 性能设置,文件打包过大时不报错和警告只做提示hints: false},optimization: {// 不标记块是否是其它块的子集flagIncludedChunks: false,// 不标记模块的加载顺序occurrenceOrder: false,// 不启用副作用sideEffects: false,usedExports: false,concatenateModules: false,splitChunks: {hidePathInfo: false,minSize: 10000,maxAsyncRequests: Infinity,maxInitialRequests: Infinity,},// 当打包时遇到错误编译仍把打包文件输出noEmitOnErrors: false,checkWasmTypes: false,// 不使用 optimization.minimizer || TerserPlugin 来最小化包minimize: false,},plugins: []
}4. production、 development、none 总结 production 模式下给你更好的用户体验
较小的输出包体积浏览器中更快的代码执行速度忽略开发中的代码不公开源代码或文件路径易于使用的输出资产
development 模式会给予你最好的开发体验
浏览器调试工具快速增量编译可加快开发周期运行时提供有用的错误消息
尽管 webpack4 在尽力让零配置做到更多但仍然是有限度的大多数情况下还是需要一个配置文件。我们可以在项目的初期使用零配置在后期业务复杂的时候再配置。
5. 环境变量 process.env.NODE_ENV
第三方框架或库以及我们的业务代码都会针对不同的环境配置执行不同的逻辑代码例如
我们可以通过以下方式定义环境变量
方法一webpack4 中 mode: ‘production’ 已经默认配置了 process.env.NODE_ENV ‘production’ 所以 webapck4 可以不定义
尽管 webpack4 中定义 mode 会自动配置 process.env.NODE_ENV 那么我们就不需要手动配置环境变量了吗
其实不然mode 只可以定义成 development 或 production 而在项目中我们不仅仅只有开发或生产环境很多情况下需要配置不同的环境例如测试环境此时我们就需要手动配置其它环境变量例如测试环境就需要定义 process.env.NODE_ENV 为 test 你可以采取以下方式
方法二webpack.DefinePlugin
// webpack编译过程中设置全局变量process.env
new webpack.DefinePlugin({process.env: require(../config/dev.env.js)
}config/prod.env.js
module.exports {// 或 production 环境变量的值需要是一个由双引号包裹的字符串NODE_ENV: JSON.stringify(production)
}方法三webpack 命令时 NODE_ENVdevelopment
在 window 中配置 NODE_ENVproduction 可能会卡住所以使用 cross-env
cross-env NODE_ENVproduction webpack --config webpack.config.prod.js方法四使用 new webpack.EnvironmentPlugin([NODE_ENV])
EnvironmentPlugin 是一个通过 webpack.DefinePlugin 来设置 process.env 环境变量的快捷方式。
new webpack.EnvironmentPlugin({NODE_ENV: production,
});注意上面其实是给 NODE_ENV 设置一个默认值 production 如果其它地方有定义 process.env.NODE_ENV 则该默认值无效。
四、配置解析策略 resolve
自定义寻找依赖模块时的策略例如 import _ from lodash:
module.exports {resolve: {// 设置模块导入规则import/require时会直接在这些目录找文件// 可以指明存放第三方模块的绝对路径以减少寻找// 默认 node_modulesmodules: [path.resolve(${project}/components), node_modules],// import导入时省略后缀// 注意尽可能的减少后缀尝试的可能性extensions: [.js, .jsx, .react.js, .css, .json],// import导入时别名减少耗时的递归解析操作alias: {components: path.resolve(${project}/components),style: path.resolve(asset/style),},// 很多第三方库会针对不同的环境提供几份代码// webpack 会根据 mainFields 的配置去决定优先采用那份代码// 它会根据 webpack 配置中指定的 target 不同默认值也会有所不同mainFields: [browser, module, main],},
}五、配置解析和转换文件的策略 module
决定如何处理项目中不同类型的模块通常是配置 module.rules 里的 Loader:
module.exports {module: {// 指明 webpack 不去解析某些内容该方式有助于提升 webpack 的构建性能noParse: /jquery/,rules: [{// 这里编译 js、jsx// 注意如果项目源码中没有 jsx 文件就不要写 /\.jsx?$/提升正则表达式性能test: /\.(js|jsx)$/,// 指定要用什么 loader 及其相关 loader 配置use: {loader: babel-loader,options: {// babel-loader 支持缓存转换出的结果通过 cacheDirectory 选项开启// 使用 cacheDirectory 选项将 babel-loader 的速度提高2倍cacheDirectory: true,// Save disk space when time isnt as importantcacheCompression: true,compact: true, }},// 排除 node_modules 目录下的文件// node_modules 目录下的文件都是采用的 ES5 语法没必要再通过 Babel 去转换exclude: /node_modules/// 也可以配置 include需要引入的文件}]}
}1. noParse
指明 webpack 不去解析某些内容该方式有助于提升 webpack 的构建性能。
2. rules
常见的 loader 有 babel-loader解析 .js 和 .jsx 文件 // 配置 .babelrc
{presets: [[babel/preset-env,],babel/preset-react],plugins: [[babel/plugin-proposal-class-properties,{loose: true}],[babel/plugin-transform-runtime,{absoluteRuntime: false,corejs: false,helpers: true,regenerator: true,useESModules: false}],]
}tsx-loader处理 ts 文件 less-loader处理 less 文件并将其编译为 css sass-loader处理 sass、scss 文件并将其编译为 css postcss-loader // postcss.config.js
module.exports { // 解析CSS文件并且添加浏览器前缀到 CSS 内容里plugins: [require(autoprefixer)],
};css-loader处理 css 文件 style-loader将 css 注入到 DOM file-loader将文件上的import / require 解析为 url并将该文件输出到输出目录中 url-loader用于将文件转换成 base64 uri 的 webpack 加载程序 html-loader将 HTML 导出为字符串 当编译器要求时将 HTML 最小化
六、配置优化 optimizationwebpack4
webapck4 会根据你所选择的 mode 进行优化你可以手动配置它将会覆盖自动优化
主要涉及两方面的优化
最小化包拆包
1. 最小化包
使用 optimization.removeAvailableModules 删除已可用模块使用 optimization.removeEmptyChunks 删除空模块使用 optimization.occurrenceOrder 标记模块的加载顺序使初始包更小使用 optimization.providedExports 、 optimization.usedExports 、concatenateModules 、optimization.sideEffects 删除死代码使用 optimization.splitChunks 提取公共包使用 optimization.minimizer || TerserPlugin 来最小化包
2. 拆包
当包过大时如果我们更新一小部分的包内容那么整个包都需要重新加载如果我们把这个包拆分那么我们仅仅需要重新加载发生内容变更的包而不是所有包有效的利用了缓存。
拆分 node_modules
很多情况下我们不需要手动拆分包可以使用 optimization.splitChunks
const path require(path);
module.exports {entry: path.resolve(__dirname, src/index.js),output: {path: path.resolve(__dirname, dist),filename: [name].[contenthash].js,},optimization: {splitChunks: {// 对所有的包进行拆分chunks: all,},},
};我们不必制定拆包策略chunks: all 会自动将 node_modules 中的所有内容放入一个名为 vendors〜main.js 的文件中。
拆分业务代码
module.exports {entry: {main: path.resolve(__dirname, src/index.js),ProductList: path.resolve(__dirname, src/ProductList/ProductList.js),ProductPage: path.resolve(__dirname, src/ProductPage/ProductPage.js),Icon: path.resolve(__dirname, src/Icon/Icon.js),},output: {path: path.resolve(__dirname, dist),filename: [name].[contenthash:8].js,},
};采用多入口的方式当有业务代码更新时更新相应的包即可
拆分第三方库
const path require(path);
const webpack require(webpack);module.exports {entry: path.resolve(__dirname, src/index.js),output: {path: path.resolve(__dirname, dist),filename: [name].[contenthash].js,},optimization: {runtimeChunk: single,splitChunks: {chunks: all,maxInitialRequests: Infinity,minSize: 0,cacheGroups: {vendor: {test: /[\\/]node_modules[\\/]/,name(module) {// 获取第三方包名const packageName module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1];// npm 软件包名称是 URL 安全的但是某些服务器不喜欢符号return npm.${packageName.replace(, )};},},},},},
};当第三方包更新时仅更新相应的包即可。
注意当包太多时浏览器会发起更多的请求并且当文件过小时对代码压缩也有影响。
动态加载
现在我们已经对包拆分的很彻底了但以上的拆分仅仅是对浏览器缓存方面的优化减小首屏加载时间实际上我们也可以使用按需加载的方式来进一步拆分减小首屏加载时间
import React, { useState, useEffect } from react;
import ./index.scssfunction Main() {const [NeighborPage, setNeighborPage] useState(null)useEffect(() {import(../neighbor).then(({ default: component }) {setNeighborPage(React.createElement(component))});}, [])return NeighborPage? NeighborPage: divLoading.../div;
}export default Main七、配置 plugin
配置 Plugin 去处理及优化其它的需求
module.exports {plugins: [// 优化 requirenew webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /en|zh/),// 用于提升构建速度createHappyPlugin(happy-babel, [{loader: babel-loader,options: {presets: [babel/preset-env, babel/preset-react],plugins: [[babel/plugin-proposal-class-properties, {loose: true}]],// babel-loader 支持缓存转换出的结果通过 cacheDirectory 选项开启cacheDirectory: true,// Save disk space when time isnt as importantcacheCompression: true,compact: true,}}])]
}常用 plugins
html-webpack-plugin生成 html 文件并将包添加到 html 中webpack-parallel-uglify-plugin压缩 js多进程并行处理压缩happypack多线程loader用于提升构建速度hard-source-webpack-plugin为模块提供中间缓存步骤显著提高打包速度webpack-merge合并 webpack 配置mini-css-extract-plugin抽离 cssoptimize-css-assets-webpack-plugin压缩 cssadd-asset-html-webpack-plugin将 JavaScript 或 CSS 资产添加到 html-webpack-plugin 生成的 HTML 中
更多插件可见plugins
八、配置devtoolsource map
配置 webpack 如何生成 Source Map用来增强调试过程。不同的值会明显影响到构建(build)和重新构建(rebuild)的速度
生产环境默认为 null 一般不设置 none 或 nosources-source-map
开发环境默认为 eval 一般设置为 eval 、 cheap-eval-source-map 、cheap-module-eval-source-map
策略为
使用 cheap 模式可以大幅提高 souremap 生成的效率。 没有列信息会映射到转换后的代码而不是映射到原始代码通常我们调试并不关心列信息而且就算 source map 没有列有些浏览器引擎例如 v8 也会给出列信息。**使用 eval 方式可大幅提高持续构建效率。**参考官方文档提供的速度对比表格可以看到 eval 模式的编译速度很快。使用 module 可支持 babel 这种预编译工具在 webpack 里做为 loader 使用。
如果默认的 webpack minimizer 已经被重定义(例如 terser-webpack-plugin )你必须提供 sourceMaptrue 选项来启用 source map 支持。
九、配置性能 performance
当打包是出现超过特定文件限制的资产和入口点performance 控制 webpack 如何通知
module.exports {// 配置如何显示性能提示performance: {// 可选 warning、error、false// false性能设置,文件打包过大时不报错和警告只做提示// warning显示警告建议用在开发环境// error显示错误建议用在生产环境防止部署太大的生产包从而影响网页性能hints: false}
}十、配置其它
1. watch 与 watchOptions
watch
监视文件更新并在文件更新时重新编译
module.export {// 启用监听模式watch: true,
}在 webpack-dev-server 和 webpack-dev-middleware 中默认启用了监视模式。
或者我们可以在命令行里启动监听 --watch
webpack --watch --config webpack.config.dev.jswatchOptions
module.export {watch: true,// 自定义监视模式watchOptions: {// 排除监听ignored: /node_modules/,// 监听到变化发生后延迟 300ms默认 再去执行动作// 防止文件更新太快导致重新编译频率太高aggregateTimeout: 300,// 判断文件是否发生变化是通过不停的去询问系统指定文件有没有变化实现的// 默认 1000ms 询问一次poll: 1000}
}2. externals
排除打包时的依赖项不纳入打包范围内例如你项目中使用了 jquery 并且你在 html 中引入了它那么在打包时就不需要再把它打包进去
scriptsrchttps://code.jquery.com/jquery-3.1.0.jsintegritysha256-slogkvB1K3VOkzAI8QITxV3VzpOnkeNVsKvtkYLMjfkcrossoriginanonymous
/script配置
module.exports {// 打包时排除 jquery 模块externals: {jquery: jQuery}
};3.target
构建目标用于为 webpack 指定一个环境
module.exports {// 编译为类浏览器环境里可用默认target: web
};4. cache
缓存生成的 webpack 模块和块以提高构建速度。在开发模式中缓存设置为 type: memory 在生产模式中禁用。cache: true 是 cache: {type: memory} 的别名。要禁用缓存传递 false
module.exports {cache: false
}在内存中缓存仅在监视模式下有用并且我们假设你在开发中使用监视模式。 在不进行缓存的情况下内存占用空间较小。
5. name
配置的名称用于加载多个配置
module.exports {name: admin-app
};
文章转载自： http://www.morning.dgng.cn.gov.cn.dgng.cn http://www.morning.kjfsd.cn.gov.cn.kjfsd.cn http://www.morning.bzpwh.cn.gov.cn.bzpwh.cn http://www.morning.fgkwh.cn.gov.cn.fgkwh.cn http://www.morning.dnmwl.cn.gov.cn.dnmwl.cn http://www.morning.bpmdz.cn.gov.cn.bpmdz.cn http://www.morning.pbsfq.cn.gov.cn.pbsfq.cn http://www.morning.zrpys.cn.gov.cn.zrpys.cn http://www.morning.ntwfr.cn.gov.cn.ntwfr.cn http://www.morning.nfcxq.cn.gov.cn.nfcxq.cn http://www.morning.psgbk.cn.gov.cn.psgbk.cn http://www.morning.nrjr.cn.gov.cn.nrjr.cn http://www.morning.cwnqd.cn.gov.cn.cwnqd.cn http://www.morning.pqktp.cn.gov.cn.pqktp.cn http://www.morning.sfwfk.cn.gov.cn.sfwfk.cn http://www.morning.rpsjh.cn.gov.cn.rpsjh.cn http://www.morning.sjbty.cn.gov.cn.sjbty.cn http://www.morning.rnmc.cn.gov.cn.rnmc.cn http://www.morning.pphgl.cn.gov.cn.pphgl.cn http://www.morning.lztrt.cn.gov.cn.lztrt.cn http://www.morning.nyqb.cn.gov.cn.nyqb.cn http://www.morning.cwlxs.cn.gov.cn.cwlxs.cn http://www.morning.ho-use.cn.gov.cn.ho-use.cn http://www.morning.qjfkz.cn.gov.cn.qjfkz.cn http://www.morning.tfrlj.cn.gov.cn.tfrlj.cn http://www.morning.wkrkb.cn.gov.cn.wkrkb.cn http://www.morning.hjjkz.cn.gov.cn.hjjkz.cn http://www.morning.jwxnr.cn.gov.cn.jwxnr.cn http://www.morning.bwzzt.cn.gov.cn.bwzzt.cn http://www.morning.gfprf.cn.gov.cn.gfprf.cn http://www.morning.nxbkw.cn.gov.cn.nxbkw.cn http://www.morning.rywr.cn.gov.cn.rywr.cn http://www.morning.zrkws.cn.gov.cn.zrkws.cn http://www.morning.blzrj.cn.gov.cn.blzrj.cn http://www.morning.yrjkz.cn.gov.cn.yrjkz.cn http://www.morning.qlsbz.cn.gov.cn.qlsbz.cn http://www.morning.rxgnn.cn.gov.cn.rxgnn.cn http://www.morning.tclqf.cn.gov.cn.tclqf.cn http://www.morning.qgxnw.cn.gov.cn.qgxnw.cn http://www.morning.nqbs.cn.gov.cn.nqbs.cn http://www.morning.mdwtm.cn.gov.cn.mdwtm.cn http://www.morning.mypxm.com.gov.cn.mypxm.com http://www.morning.ghwdm.cn.gov.cn.ghwdm.cn http://www.morning.rttxx.cn.gov.cn.rttxx.cn http://www.morning.pxjp.cn.gov.cn.pxjp.cn http://www.morning.bgzgq.cn.gov.cn.bgzgq.cn http://www.morning.tpnch.cn.gov.cn.tpnch.cn http://www.morning.rdxnt.cn.gov.cn.rdxnt.cn http://www.morning.xdttq.cn.gov.cn.xdttq.cn http://www.morning.pmnn.cn.gov.cn.pmnn.cn http://www.morning.smggx.cn.gov.cn.smggx.cn http://www.morning.dfwkn.cn.gov.cn.dfwkn.cn http://www.morning.bhwll.cn.gov.cn.bhwll.cn http://www.morning.pbygt.cn.gov.cn.pbygt.cn http://www.morning.hgtr.cn.gov.cn.hgtr.cn http://www.morning.clgbb.cn.gov.cn.clgbb.cn http://www.morning.nlqgb.cn.gov.cn.nlqgb.cn http://www.morning.dndjx.cn.gov.cn.dndjx.cn http://www.morning.klwxh.cn.gov.cn.klwxh.cn http://www.morning.jzyfy.cn.gov.cn.jzyfy.cn http://www.morning.mrxgm.cn.gov.cn.mrxgm.cn http://www.morning.jhkzl.cn.gov.cn.jhkzl.cn http://www.morning.hxbjt.cn.gov.cn.hxbjt.cn http://www.morning.hxpff.cn.gov.cn.hxpff.cn http://www.morning.qbzfp.cn.gov.cn.qbzfp.cn http://www.morning.skmpj.cn.gov.cn.skmpj.cn http://www.morning.xkqjw.cn.gov.cn.xkqjw.cn http://www.morning.nwnbq.cn.gov.cn.nwnbq.cn http://www.morning.sbkb.cn.gov.cn.sbkb.cn http://www.morning.jrlgz.cn.gov.cn.jrlgz.cn http://www.morning.jfymz.cn.gov.cn.jfymz.cn http://www.morning.zqxhn.cn.gov.cn.zqxhn.cn http://www.morning.zwhtr.cn.gov.cn.zwhtr.cn http://www.morning.bangaw.cn.gov.cn.bangaw.cn http://www.morning.dpjtn.cn.gov.cn.dpjtn.cn http://www.morning.rxcqt.cn.gov.cn.rxcqt.cn http://www.morning.kfmlf.cn.gov.cn.kfmlf.cn http://www.morning.spwm.cn.gov.cn.spwm.cn http://www.morning.bmts.cn.gov.cn.bmts.cn http://www.morning.xpzrx.cn.gov.cn.xpzrx.cn
