JS编译后

‘壹’ 编译构建好的reactjs程序可以打断点调试吗

你好，1，通过npm安装react-toolsnpm –g react-tools2，通过cmd进入项目根目录执行watch命令 jsx --watch src/ build/src路径下存放的是jsx文件，编译后的js存放到build路径下3，当目标文件变化以后，自动构建生成新的js文件。

‘贰’ js文件怎么运行

1、浏览器控制台运行

javaScript不同于java语言或者c语言，需要环境、需要编译再运行，js在被制造出来时，就是为浏览器而生，可以直接在浏览器里运行，这里以谷歌浏览器为例，鼠标右键检查或者快捷键F12即可看到控制台可以理解为操作系统里的命令行模式

看上去是好一点了，可以单独执行文件了，但是这样还是很蠢，每回打开cmd还要找到js的路径

3、插件(我这里用的IDEA)

‘叁’ vue编译后的js和map文件修改不了吗

无法还原，编译后的js为压缩文件，很多代码都不存在了

‘肆’ javascript可以编译成可执行文件直接运行吗还是只能嵌入html中使用

JavaScript 依赖于浏览器的运行环境。是一种解释执行的脚本语言。所以，只能以文本的形式被解释执行，不能被编译。有些运行形式，比如.js .hta 的执行方式看似一个独立的应用程序。其实后台也是解释执行的。

‘伍’ 如何把.js文件编译成dll供页面调用

其实js本来就是前台脚本，把js文件编译成dll供页面调用也可以实行

方法：

1.在解决方案中添加一个新项目（类库：JSControl）

2.在新项目中添加要用的JS脚本（JScript1.js）

脚本的内容：

function testAlert() {

alert("Hello!");

}

3. 改变JScript1.js的属性，Build Action为Embedded Resource（嵌入的资源）

4.在JSControl项目的AssemblyInfo.cs文件添加一行：（注意

JSControl.JScript1.js，JSControl是js所在项目的命名空间）

//定义组件内的内嵌资源的元数据属性

[assembly: System.Web.UI.WebResource("JSControl.JScript1.js", "application/x-javascript")]

注意:这边要增加个引用:System.Web.dll

5. 项目中增加一个注册客户端脚本的类：

‘陆’ 怎么在本地运行经过tsc编译过后的js文件

你可以放到HTML文件里用浏览器打开，或者用node运行都可以。

‘柒’ JS到底是逐行解释，还是总体编译之后，再执行的

要根据实际情况考虑，默认是逐行解释，但是假如有window.onload，则是先总体编译在执行，还有很多情况，这只是最常见的2种情况

‘捌’ 求助如何知道js编译后的内容是什么

这个估计挺不容易的 除非你能找到他编译的工具，然后对应的进行反编译，要不然的话 应该看不到

‘玖’ require方法在js编译后被注释

RequireJS Optimizer 对脚本的优化支持目前流行的UglifyJS 和 Closure Compiler 两种压缩方式，UglifyJS 需要 NodeJS 环境支持，而Closure Compiler 则需要 Java 环境。这篇文章是以运行于 NodeJS 的 UglifyJS 来优化的，这也是RequireJS Optimizer 默认的压缩方法。

首先需要安装Node 0.4.0，然后下载r.js，下载好以后就可以在命令行里对前端代码进行优化了。r.js的参数传递使用方式，一是直接加在命令行后面，如下：

node r.js -o baseUrl=. paths.jquery=some/other/jquery name=main out=main-built.js

二是新建一个配置文件，例如 build.js（推荐使用这种方式），这样配置更方便，如下：

node r.js -o build.js

build.js 的配置代码如下：

{ baseUrl: "../js", dir: "../dist", optimize: "uglify", optimizeCss: "standard.keepLines", mainConfigFile: "../js/main.js", removeCombined: true, fileExclusionRegExp: /^./, moles: [
{ name: "app/dispatcher",
},
{ name: "app/in-storage", exclude: [ "jquery", "app/common", "pkg/DatePicker/app"
]
}
]
}

基本参数介绍

• appDir

  应用程序的最顶层目录。可选的，如果设置了的话，r.js会认为脚本在这个路径的子目录中，应用程序的文件都会被拷贝到输出目录（dir 定义的路径）。如果不设置，则使用下面的 baseUrl 路径。

• baseUrl

默认情况下，所有的模块都是相对于这个路径的。如果没有设置，则模块的加载是相对于 build 文件所在的目录。另外，如果设置了appDir，那么 baseUrl 应该定义为相对于 appDir 的路径。

• dir

  输出目录的路径。如果不设置，则默认为和 build 文件同级的 build 目录。

• optimize

  JavaScript 代码优化方式。可设置的值：

  - "uglify：使用UglifyJS 压缩代码，默认值；- "uglify2"：使用2.1.2+ 版本进行压缩；- "closure"： 使用Google's Closure Compiler 进行压缩合并，需要 Java 环境；- "closure.keepLines"：使用Closure Compiler 进行压缩合并并保留换行；- "none"：不做压缩合并；
  

• optimizeCss

  CSS 代码优化方式，可选的值有：

  - "standard"：标准的压缩方式；
  - "standard.keepLines"：保留换行；
  - "standard.keepComments"：保留注释；
  - "standard.keepComments.keepLines"：保留换行；
  - "none"：不压缩；
  

• mainConfigFile

  如果不想重复定义的话，可以使用这个参数配置 RequireJS 的配置文件路径。

• removeCombined

  删除之前压缩合并的文件，默认值 false。

• fileExclusionRegExp

  要排除的文件的正则匹配的表达式。

• moles

  定义要被优化的模块数组。每一项是模块优化的配置，常用的几个参数如下：

  - `name：`模块名；- `include：`额外引入的模块，`create：`如果不存在，是否创建。默认`false`；- `exclude：`要排除的模块。有些模块有公共的依赖模块，在合并的时候每个都会压缩进去，例如一些基础库。使用 exclude 就可以把这些模块在压缩在一个更早之前加载的模块中，其它模块不用重复引入。
  

其它事项

RequireJS 配置也可以放到 RequireJS Optimizer配置文件里面，例如：

• { baseUrl: "../js", dir: "../dist", optimize: "uglify", optimizeCss: "standard.keepLines", removeCombined: true, fileExclusionRegExp: /^./, moles: [


• { name: "app/dispatcher",


• },


• { name: "app/in-storage", exclude: [ "jquery", "app/common", "pkg/DatePicker/app"


• ]


• }


• ], paths: { jquery: 'lib/jquery', underscore: 'lib/underscore', backbone: 'lib/backbone/backbone', backboneLocalstorage: 'lib/backbone/backbone.localStorage', text: 'lib/require/text'


• }, shim: { underscore: { exports: '_'


• }, backbone: { deps: [ 'underscore', 'jquery'


• ], exports: 'Backbone'


• }, backboneLocalstorage: { deps: ['backbone'], exports: 'Store'


• }


• }


• }



RequireJS Optimizer 的配置参数还有很多，完整的参数介绍可以看这里：

example.build.js

为方便运行，可以新建一个批处理文件：

• @echo off



• echo build...


• e:


• cd E:SCMSRCscm-html ew-scm-html ools



• node r.js -o build.js



• echo Press any key to exit!


• echo. & pause



注意事项：RequireJS Optimizer 只支持使用 require 和 define 语法定义的模块，因此下面这种通过变量定义的方式是不支持的：

• var mods = someCondition ? ['a', 'b'] : ['c', 'd'];require(mods);



而如果是这样定义则可以：

• require(['a', 'b']);



或者：

• define(['a', 'b'], function (a, b) {});



进一步优化

使用 r.js 优化后的代码可以使用almond来加载。almond 是一个轻量的 AMD 加载器，提供了最基础的 AMD API 实现以及模块加载功能。almond 只有不到 400 行代码，要比 RequireJS 小很多。可以使用 r.js 把 almond 一起合并到业务代码的前面，如下：

• (function () { //almond will be here


• //main and its nested dependencies will be here}());



almond 特别适合使用 AMD 的网站或应用，但也有一些限制：

• 所有的模块编译为一个文件，没有动态的加载；

• 所有的模块都需要在 define() 定义 ID 和依赖，这个RequireJS Optimizer 会处理；

• 只能有一个requirejs.config() 或者 require.config() 调用；

• 不能使用 Require JS 多版本功能；

• 不能使用require.toUrl() 或者 require.nameToUrl()；

• 不能使用packages/packagePaths 配置。

如果你的项目中没有这些问题的话，可以放心使用 almond 进行加载。

‘拾’ javascript 程序编辑后总是显示语法错误

语法错误不是ie的问题，是你自己代码的问题，仔细检查下

根据我个人经验，这些基本上都是初学者敲代码时出错了，贴代码，不然帮不了你