java 混淆 js_Vue javascript和css混淆
我正在做vue项目 . 我是通过vue-cli (Vue CLI v3.0.0-rc.3) 构建的 . 我想要混淆javascript文件和css类名 . 当我构建我的项目时,我收到一个错误:
模块构建失败(来自./node_modules/mini-css-extract-plugin/dist/loader.js):ModuleBuildError:模块构建失败(来自./node_modules/postcss-loader/lib/index.js):语法错误
tsconfig.json
{
"compilerOptions": {
"outDir": "./dist/",
"target": "es5",
"module": "esnext",
"strict": true,
"strictNullChecks": false,
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"noImplicitAny": true,
"allowJs": true,
"allowSyntheticDefaultImports": true,
"downlevelIteration": true,
"sourceMap": false,
"baseUrl": "./",
"types": [
"node",
"jest"
],
"paths": {
"@/*": [
"src/*"
]
},
"lib": ["es2016", "dom", "dom.iterable", "scripthost"]
},
"include": [
"src/**/*.ts",
"src/**/*.vue",
"tests/**/*.ts"
],
"exclude": [
"node_modules",
"**/*.spec.ts"
]
}
vue.config.js
const JavaScriptObfuscator = require('webpack-obfuscator');
module.exports = {
devServer: {
host: '0.0.0.0',
port: 80,
},
configureWebpack: {
plugins: [
new JavaScriptObfuscator ({
rotateUnicodeArray: true
})
],
module: {
rules: [
{
test: /\.css$/,
use: [
'vue-style-loader',
{
loader: 'css-loader',
options: {
modules: true,
localIdentName: '[local]_[hash:base64:8]'
}
}
]
}
]
}
}
};
package.json
{
"name": "tetris",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve --open",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"animejs": "^2.2.0",
"axios": "^0.18.0",
"material-design-icons-iconfont": "^3.0.3",
"vue": "^2.5.16",
"vue-property-decorator": "^6.1.0",
"vue-router": "^3.0.1",
"vue-status-indicator": "^1.1.0",
"vuetify": "^1.0.19",
"vuex": "^3.0.1",
"vuex-class": "^0.3.1",
"vuex-router-sync": "^5.0.0"
},
"devDependencies": {
"@types/animejs": "^2.0.0",
"@types/jest": "^22.0.1",
"@vue/cli-plugin-babel": "^3.0.0-beta.6",
"@vue/cli-plugin-eslint": "^3.0.0-beta.15",
"@vue/cli-plugin-typescript": "^3.0.0-beta.15",
"@vue/cli-service": "^3.0.0-beta.15",
"@vue/eslint-config-airbnb": "^3.0.0-rc.3",
"@vue/eslint-config-prettier": "^3.0.0-beta.6",
"@vue/eslint-config-typescript": "^3.0.0-rc.3",
"babel-core": "^7.0.0-0",
"babel-preset-vue": "^2.0.1",
"node-sass": "^4.9.0",
"sass-loader": "^7.0.1",
"ts-jest": "^22.0.1",
"vue-template-compiler": "^2.5.16",
"uglifyjs-webpack-plugin": "latest",
"webpack-obfuscator": "latest"
},
"browserslist": [
"> 1%",
"last 2 versions",
"not ie <= 8"
]
}
java 混淆 js_Vue javascript和css混淆相关推荐
- eclipse java混淆打包_eclipse proguard怎么混淆jar包
展开全部 android应用程序的混淆打包32313133353236313431303231363533e59b9ee7ad9431333339663933 1 . 在工程文件project.pro ...
- java js获取css方法_5种JavaScript和CSS交互的方法
原标题:5种JavaScript和CSS交互的方法 随着浏览器不断的升级改进,CSS和Java之间的界限越来越模糊.本来它们是负责着完全不同的功能,但最终,它们都属于网页前端技术,它们需要相互密切的合 ...
- Javascript变量名混淆细节
前言 UglifyJS会对JS文件的变量名进行混淆处理.要理解Javascript变量混淆的细节.我们须要回答下面几个问题: 1.遇到一个变量myName,我们怎么知道这个myName变量要不要混淆 ...
- java war包混淆,spring项目的代码混淆(proguard)
前不久被要求对java web的war包做代码混淆,我使用proguard6.0.3完成的.后面也许还会用到,因此记录下过程和配置方法,demo代码按照图1结构进行组织.仅对混淆功能进行说明,其他功能 ...
- java代码proguard代码混淆GUI使用,附带混淆map映射
proguard代码混淆GUI使用,附带混淆map映射 混淆结果预览 本例使用的是Proguard 7.2.2,可以官网直接下载 链接:https://pan.baidu.com/s/1PejprpE ...
- 网站前端性能优化之javascript和css
之前看过Yahoo团队写的一篇关于网站性能优化的文章,文章是2010年左右写的,虽然有点老,但是很多方面还是很有借鉴意义的.关于css的性能优化,他提到了如下几点: CSS性能优化 1.把样式表置于顶 ...
- android混淆教程,Android 实现代码混淆的实例
Android 实现代码混淆的实例 1.简介 代码混淆(Obfuscated code)亦称花指令,是将计算机程序的代码,转换成一种功能上等价,但是难于阅读和理解的形式的行为. 混淆的目的是为了加大反 ...
- Android项目:proguard混淆之常见开源项目混淆配置
1.Gson混淆 ## ---------------------------------- ## ########## Gson混淆 ########## ## ------------------ ...
- android 混淆打包教程,Android studio 混淆打包
AndroidStudio中的项目可以用compile的形式引入github上的开源项目,可以引用module,而不一定都要用libs文件夹中添加jar包的形式. 在最终realease打包时,混淆的 ...
最新文章
- java 等待_Java并发之等待/通知机制
- 16 分频 32 分频是啥意思_Verilog 数字分频器的设计及验证
- npm i和npm i --production的区别
- url(r'^index/$',views.index)的含义解释
- js 获取某年的某天是第几周
- 飞秋-程序的找工作之苦
- C/C++屏幕恶搞程序
- 举一反三:跨平台版本迁移之 XTTS 方案操作指南
- Ubuntu下使用苹果Monaco字体
- 用oracle 11g bbed copy替换同一个表数据块block为另一个数据块之系列八
- 区块链-WeBase企业部署
- 如何用gitbook写书
- 3D游戏编程 作业六 打飞碟改进
- ArcGIS符号导入图片
- Ubuntu systemd配置文件/etc/systemd/system被删解决方案
- 查询薪金比“SMITH”或者“ALLEN”多的所有员工的编号、姓名、部门名称、领导姓名、部门人数、平均工资、最高及最低工资
- 基于8266WIFI模块实现智能手机与51单片机的通信入门
- 工业机器人智能制造生产线教学案例
- C++经典算法题-最大访客数
- Redis 安装配置开机启动整合SpringBoot以及配置文件详解
热门文章
- python连接hive_python连接hive
- python汉语读音_【学习】python 汉语转拼音
- ASP.NET Web API参数与模型绑定
- 结合Pandas中的多个数据集
- Microsoft Edge 81 稳定版发布
- VS Code 的 Java 七月更新,新的重构特性
- Visual Studio 2019 首个候选发布版发布
- odoo10参考系列--视图三(其他高级视图)
- orm mysql nodejs_【译】Nodejs最好的ORM
- spring security oauth2_SpringBoot2 整合OAuth2实现统一认证