我正在做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混淆相关推荐

  1. eclipse java混淆打包_eclipse proguard怎么混淆jar包

    展开全部 android应用程序的混淆打包32313133353236313431303231363533e59b9ee7ad9431333339663933 1 . 在工程文件project.pro ...

  2. java js获取css方法_5种JavaScript和CSS交互的方法

    原标题:5种JavaScript和CSS交互的方法 随着浏览器不断的升级改进,CSS和Java之间的界限越来越模糊.本来它们是负责着完全不同的功能,但最终,它们都属于网页前端技术,它们需要相互密切的合 ...

  3. Javascript变量名混淆细节

    前言 UglifyJS会对JS文件的变量名进行混淆处理.要理解Javascript变量混淆的细节.我们须要回答下面几个问题: 1.遇到一个变量myName,我们怎么知道这个myName变量要不要混淆 ...

  4. java war包混淆,spring项目的代码混淆(proguard)

    前不久被要求对java web的war包做代码混淆,我使用proguard6.0.3完成的.后面也许还会用到,因此记录下过程和配置方法,demo代码按照图1结构进行组织.仅对混淆功能进行说明,其他功能 ...

  5. java代码proguard代码混淆GUI使用,附带混淆map映射

    proguard代码混淆GUI使用,附带混淆map映射 混淆结果预览 本例使用的是Proguard 7.2.2,可以官网直接下载 链接:https://pan.baidu.com/s/1PejprpE ...

  6. 网站前端性能优化之javascript和css

    之前看过Yahoo团队写的一篇关于网站性能优化的文章,文章是2010年左右写的,虽然有点老,但是很多方面还是很有借鉴意义的.关于css的性能优化,他提到了如下几点: CSS性能优化 1.把样式表置于顶 ...

  7. android混淆教程,Android 实现代码混淆的实例

    Android 实现代码混淆的实例 1.简介 代码混淆(Obfuscated code)亦称花指令,是将计算机程序的代码,转换成一种功能上等价,但是难于阅读和理解的形式的行为. 混淆的目的是为了加大反 ...

  8. Android项目:proguard混淆之常见开源项目混淆配置

    1.Gson混淆 ## ---------------------------------- ## ########## Gson混淆 ########## ## ------------------ ...

  9. android 混淆打包教程,Android studio 混淆打包

    AndroidStudio中的项目可以用compile的形式引入github上的开源项目,可以引用module,而不一定都要用libs文件夹中添加jar包的形式. 在最终realease打包时,混淆的 ...

最新文章

  1. java 等待_Java并发之等待/通知机制
  2. 16 分频 32 分频是啥意思_Verilog 数字分频器的设计及验证
  3. npm i和npm i --production的区别
  4. url(r'^index/$',views.index)的含义解释
  5. js 获取某年的某天是第几周
  6. 飞秋-程序的找工作之苦
  7. C/C++屏幕恶搞程序
  8. 举一反三:跨平台版本迁移之 XTTS 方案操作指南
  9. Ubuntu下使用苹果Monaco字体
  10. 用oracle 11g bbed copy替换同一个表数据块block为另一个数据块之系列八
  11. 区块链-WeBase企业部署
  12. 如何用gitbook写书
  13. 3D游戏编程 作业六 打飞碟改进
  14. ArcGIS符号导入图片
  15. Ubuntu systemd配置文件/etc/systemd/system被删解决方案
  16. 查询薪金比“SMITH”或者“ALLEN”多的所有员工的编号、姓名、部门名称、领导姓名、部门人数、平均工资、最高及最低工资
  17. 基于8266WIFI模块实现智能手机与51单片机的通信入门
  18. 工业机器人智能制造生产线教学案例
  19. C++经典算法题-最大访客数
  20. Redis 安装配置开机启动整合SpringBoot以及配置文件详解

热门文章

  1. python连接hive_python连接hive
  2. python汉语读音_【学习】python 汉语转拼音
  3. ASP.NET Web API参数与模型绑定
  4. 结合Pandas中的多个数据集
  5. Microsoft Edge 81 稳定版发布
  6. VS Code 的 Java 七月更新,新的重构特性
  7. Visual Studio 2019 首个候选发布版发布
  8. odoo10参考系列--视图三(其他高级视图)
  9. orm mysql nodejs_【译】Nodejs最好的ORM
  10. spring security oauth2_SpringBoot2 整合OAuth2实现统一认证