Javascript 网页包：大小超过建议的限制（244千磅）
以下是有关分行和回购协议： 嗨，我遇到了这个问题，因为我有一个有很多图像的资产文件夹。我不在乎大小，这对现代网络用户来说应该是正常的 如何忽略此错误 我在这里找到了这个答案，但它没有帮助，因为我已经实现了Javascript 网页包：大小超过建议的限制（244千磅）,javascript,webpack,build,Javascript,Webpack,Build,以下是有关分行和回购协议： 嗨，我遇到了这个问题，因为我有一个有很多图像的资产文件夹。我不在乎大小，这对现代网络用户来说应该是正常的 如何忽略此错误 我在这里找到了这个答案，但它没有帮助，因为我已经实现了devtoolsconfig 这是我的webpack.config： /* eslint-disable no-console */ import webpack from 'webpack'; import HtmlWebpackPlugin from 'html-webpack-plugi
devtools/* eslint-disable no-console */
import webpack from 'webpack';
import HtmlWebpackPlugin from 'html-webpack-plugin';
import ExtractTextPlugin from 'extract-text-webpack-plugin';
import CopyWebpackPlugin from 'copy-webpack-plugin';
import path from 'path';
import chalk from 'chalk';
const moonholdings = path.resolve(__dirname, 'moonholdings');
const app = path.resolve(__dirname, 'app');
const nodeModules = path.resolve(__dirname, 'node_modules');
const HtmlWebpackPluginConfig = new HtmlWebpackPlugin({
template: path.join(__dirname, '/app/index.html'),
inject: 'body'
});
const ExtractTextPluginConfig = new ExtractTextPlugin({
filename: 'moonholdings.css',
disable: false,
allChunks: true
});
const CopyWebpackPluginConfigOptions = [{
from: 'app/static',
to: 'static/'
}];
const CopyWebpackPluginConfig = new CopyWebpackPlugin(CopyWebpackPluginConfigOptions);
const PATHS = {
app,
build: moonholdings
};
const LAUNCH_COMMAND = process.env.npm_lifecycle_event;
const isProduction = LAUNCH_COMMAND === 'production';
process.env.BABEL_ENV = LAUNCH_COMMAND;
const productionPlugin = new webpack.DefinePlugin({
'process.env': {
NODE_ENV: JSON.stringify('production')
}
});
const base = {
entry: ['babel-polyfill', PATHS.app],
output: {
path: PATHS.build,
publicPath: '/',
filename: 'index_bundle.js'
},
resolve: {
modules: [app, nodeModules]
},
module: {
rules: [
{
test: /\.js$/,
loader: 'babel-loader',
exclude: /node_modules/
},
{
test: /\.s?css/,
use: [
'style-loader',
'css-loader',
'sass-loader'
]
},
{
test: /\.(png|jpg|jpeg|gif|svg|woff|woff2|ttf|eot)/,
loader: 'file-loader?name=[path][name].[ext]'
}
]
}
};
const developmentConfig = {
devtool: 'inline-source-map',
devServer: {
contentBase: moonholdings
},
plugins: [
CopyWebpackPluginConfig,
ExtractTextPluginConfig,
HtmlWebpackPluginConfig
]
};
const productionConfig = {
devtool: false,
plugins: [
CopyWebpackPluginConfig,
ExtractTextPluginConfig,
HtmlWebpackPluginConfig,
productionPlugin
]
};
console.log(`${chalk.magenta('฿')} ${chalk.green('yarn run:')} ${chalk.red(LAUNCH_COMMAND)}`);
export default Object.assign(
{}, base,
isProduction === true ? productionConfig : developmentConfig
);
{
"name": "moon.holdings",
"version": "1.0.0",
"description": "Cryptocurrency asset portfolio",
"main": "index.js",
"repository": "https://github.com/Futuratum/moon.holdings.git",
"author": "Leon Gaban <leongaban@gmail.com>",
"license": "MIT",
"scripts": {
"start": "webpack && webpack-dev-server",
"webpack": "webpack-dev-server",
"dev": "webpack-dev-server",
"build": "webpack -p",
"production": "webpack -p",
"test": "yarn run test-eslint; yarn run test-jest:update",
"test-eslint": "eslint app",
"test-eslint:fix": "eslint --fix app",
"test-sasslint": "./node_modules/.bin/sass-lint 'app/**/*.scss' -v -q",
"test-jest": "jest",
"test-jest:watch": "jest --watch",
"test-jest:coverage": "jest --coverage",
"test-jest:update": "jest --updateSnapshot"
},
"setupFiles": [
"<rootDir>/config/polyfills.js",
"<rootDir>/src/setupTests.js"
],
"now": {
"name": "moonholdings",
"engines": {
"node": "8.11.3"
},
"alias": "moon.holdings"
},
"jest": {
"moduleNameMapper": {},
"moduleFileExtensions": [
"js",
"jsx"
],
"moduleDirectories": [
"node_modules",
"app"
],
"setupTestFrameworkScriptFile": "./app/utils/testConfigure.js"
},
"dependencies": {
"axios": "^0.18.0",
"babel-cli": "^6.26.0",
"babel-core": "^6.26.0",
"babel-eslint": "^8.2.2",
"babel-loader": "^7.1.4",
"babel-plugin-transform-async-to-generator": "^6.24.1",
"babel-plugin-transform-es2015-destructuring": "^6.23.0",
"babel-plugin-transform-es2015-modules-commonjs": "^6.26.0",
"babel-plugin-transform-object-rest-spread": "^6.26.0",
"babel-plugin-transform-runtime": "^6.23.0",
"babel-polyfill": "^6.26.0",
"babel-preset-env": "^1.6.1",
"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1",
"babel-preset-react-hmre": "^1.1.1",
"babel-preset-stage-0": "^6.24.1",
"babel-register": "^6.26.0",
"chalk": "^2.3.2",
"copy-webpack-plugin": "^4.5.0",
"css-loader": "^0.28.10",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"enzyme-to-json": "^3.3.1",
"eslint": "^4.18.2",
"eslint-config-airbnb": "^16.1.0",
"eslint-import-resolver-node": "^0.3.2",
"eslint-plugin-dependencies": "^2.4.0",
"eslint-plugin-import": "^2.9.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-react": "^7.7.0",
"extract-text-webpack-plugin": "^3.0.2",
"file-loader": "^1.1.11",
"flexboxgrid": "^6.3.1",
"git-hooks": "^1.1.10",
"history": "^4.7.2",
"html-webpack-plugin": "^3.0.6",
"jest": "^22.4.2",
"lodash": "^4.17.10",
"node-sass": "^4.7.2",
"path-to-regexp": "^2.2.0",
"ramda": "^0.25.0",
"react": "^16.2.0",
"react-dom": "^16.2.0",
"react-hot-loader": "^4.0.0",
"react-redux": "^5.0.7",
"react-router": "^4.2.0",
"react-router-dom": "^4.2.2",
"react-router-redux": "^4.0.8",
"react-sortable-hoc": "^0.6.8",
"react-test-renderer": "^16.3.2",
"redux": "^3.7.2",
"redux-mock-store": "^1.5.1",
"redux-thunk": "^2.2.0",
"rest": "^2.0.0",
"sass-lint": "^1.12.1",
"sass-loader": "^6.0.7",
"style-loader": "^0.20.2",
"svg-inline-loader": "^0.8.0",
"svg-loader": "^0.0.2",
"url-loader": "^1.0.1",
"webpack": "^3.3.0",
"webpack-cli": "^2.0.10",
"webpack-dev-server": "2.11.1"
}
}
{
“名称”：“月亮控股”，
“版本”：“1.0.0”，
“说明”：“加密货币资产组合”，
“main”：“index.js”，
“存储库”：https://github.com/Futuratum/moon.holdings.git",
“作者”：“Leon Gaban”，
“许可证”：“麻省理工学院”，
“脚本”：{
“开始”：“网页包和网页包开发服务器”，
“网页包”：“网页包开发服务器”，
“开发”：“网页包开发服务器”，
“构建”：“网页包-p”，
“制作”：“网页包-p”，
“测试”：“纱线运行测试eslint；纱线运行测试笑话：更新”，
“测试eslint”：“eslint应用程序”，
“test-eslint:fix”：“eslint--fix-app”，
“测试sasslint”：“/node_modules/.bin/sass lint”app/***.scss'-v-q”，
“测试笑话”：“笑话”，
“测试笑话：看”：“笑话——看”，
“测试笑话：覆盖范围”：“笑话——覆盖范围”，
“测试jest:更新”：“jest--updateSnapshot”
},
“设置文件”：[
“/config/polyfills.js”，
“/src/setupTests.js”
],
“现在”：{
“名称”：“月亮控股”，
“发动机”：{
“节点”：“8.11.3”
},
“别名”：“moon.holdings”
},
“笑话”：{
“moduleNameMapper”：{}，
“moduleFileExtensions”：[
“js”，
“jsx”
],
“模块目录”：[
“节点_模块”，
“应用程序”
],
“SetupTestFrameworkScript文件”：“/app/utils/testConfigure.js”
},
“依赖项”：{
“axios”：“^0.18.0”，
“巴别塔cli”：“^6.26.0”，
“巴别塔核心”：“^6.26.0”，
“babel eslint”：“^8.2.2”，
“巴别塔加载器”：“^7.1.4”，
“babel插件异步转换为生成器”：“^6.24.1”，
“babel-plugin-transform-es2015-destructuring”：“^6.23.0”，
“babel-plugin-transform-es2015-modules-commonjs”：“^6.26.0”，
“巴别塔插件转换对象静止排列”：“^6.26.0”，
“巴别塔插件转换运行时”：“^6.23.0”，
“巴别塔polyfill”：“^6.26.0”，
“巴别塔预设环境”：“^1.6.1”，
“babel-preset-es2015”：“^6.24.1”，
“巴别塔预设反应”：“^6.24.1”，
“巴别塔预设反应hmre”：“^1.1.1”，
“babel-preset-stage-0”：“^6.24.1”，
“巴别塔寄存器”：“^6.26.0”，
“粉笔”：“^2.3.2”，
“复制网页包插件”：“^4.5.0”，
“css加载器”：“^0.28.10”，
“酶”：“^3.3.0”，
“酶-适配器-反应-16”：“^1.1.1”，
“酶到json”：“^3.3.1”，
“eslint”：“^4.18.2”，
“eslint配置airbnb”：“^16.1.0”，
“eslint导入冲突解决程序节点”：“^0.3.2”，
“eslint插件依赖项”：“^2.4.0”，
“eslint插件导入”：“^2.9.0”，
“eslint-plugin-jsx-a11y”：“^6.0.3”，
“eslint插件反应”：“^7.7.0”，
“提取文本网页包插件”：“^3.0.2”，
“文件加载器”：“^1.1.11”，
“flexboxgrid”：“^6.3.1”，
“git挂钩”：“^1.1.10”，
“历史记录”：“^4.7.2”，
“html网页包插件”：“^3.0.6”，
“笑话”：“^22.4.2”，
“lodash”：“^4.17.10”，
“节点sass”：“^4.7.2”，
“regexp的路径”：“^2.2.0”，
“拉姆达”：“^0.25.0”，
“反应”：“^16.2.0”，
“react dom”：“^16.2.0”，
“反应热加载程序”：“^4.0.0”，
“react redux”：“^5.0.7”，
“反应路由器”：“^4.2.0”，
“反应路由器dom”：“^4.2.2”，
“react router redux”：“^4.0.8”，
“react sortable hoc”：“^0.6.8”，
“反应测试渲染器”：“^16.3.2”，
“redux”：“^3.7.2”，
“redux模拟商店”：“^1.5.1”，
“redux thunk”：“^2.2.0”，
“rest”：“^2.0.0”，
“sass lint”：“^1.12.1”，
“sass加载程序”：“^6.0.7”，
“样式加载器”：“^0.20.2”，
“svg内联加载程序”：“^0.8.0”，
“svg加载程序”：“^0.0.2”，
“url加载程序”：“^1.0.1”，
“网页包”：“^3.3.0”，
“webpack cli”：“^2.0.10”，
“网页包开发服务器”：“2.11.1”
}
}
performance: {
maxAssetSize: 1000000
}
谢谢，但现在我遇到了一个新问题，我甚至无法测试这是否有效
TypeError:cannotreadproperty'properties'of undefinedperformance: {
hints: false
}