+
-
-
diff --git a/CocosCreatorInspector/src/shims-tsx.d.ts b/CocosCreatorInspector/src/shims-tsx.d.ts
new file mode 100644
index 0000000..3b88b58
--- /dev/null
+++ b/CocosCreatorInspector/src/shims-tsx.d.ts
@@ -0,0 +1,13 @@
+import Vue, { VNode } from 'vue';
+
+declare global {
+ namespace JSX {
+ // tslint:disable no-empty-interface
+ interface Element extends VNode {}
+ // tslint:disable no-empty-interface
+ interface ElementClass extends Vue {}
+ interface IntrinsicElements {
+ [elem: string]: any;
+ }
+ }
+}
diff --git a/CocosCreatorInspector/src/shims-vue.d.ts b/CocosCreatorInspector/src/shims-vue.d.ts
new file mode 100644
index 0000000..8f6f410
--- /dev/null
+++ b/CocosCreatorInspector/src/shims-vue.d.ts
@@ -0,0 +1,4 @@
+declare module '*.vue' {
+ import Vue from 'vue';
+ export default Vue;
+}
diff --git a/CocosCreatorInspector/src/test/index.ts b/CocosCreatorInspector/src/test/index.ts
new file mode 100644
index 0000000..0123d57
--- /dev/null
+++ b/CocosCreatorInspector/src/test/index.ts
@@ -0,0 +1,8 @@
+import Vue from 'vue';
+
+import index from './index.vue';
+
+new Vue({
+ el: '#app',
+ render: h => h(index)
+});
diff --git a/CocosCreatorInspector/src/test/index.vue b/CocosCreatorInspector/src/test/index.vue
new file mode 100644
index 0000000..83e619d
--- /dev/null
+++ b/CocosCreatorInspector/src/test/index.vue
@@ -0,0 +1,15 @@
+
+
+ 
+ 
+
+ 111
+
+
+
+
diff --git a/CocosCreatorInspector/src/webpack.config.js b/CocosCreatorInspector/src/webpack.config.js
index bd9f7f4..c0e9f15 100644
--- a/CocosCreatorInspector/src/webpack.config.js
+++ b/CocosCreatorInspector/src/webpack.config.js
@@ -1,18 +1,18 @@
-let path = require('path');
+const Path = require('path');
let webpack = require('webpack');
let HtmlWebpackPlugin = require('html-webpack-plugin');
let CleanWebpackPlugin = require('clean-webpack-plugin');
let CopyWebpackPlugin = require('copy-webpack-plugin');
-
-let ChromeManifest = require("./core/chrome-manifest");
+const VueLoaderPlugin = require('vue-loader/lib/plugin');
+let ChromeManifest = require('./core/chrome-manifest');
if (process.env.NODE_ENV === 'production') {
}
let resolve = function (dir) {
- return path.join(__dirname, dir);
-}
+ return Path.join(__dirname, dir);
+};
let htmlPage = function (title, filename, chunks, template) {
return new HtmlWebpackPlugin({
@@ -21,20 +21,22 @@ let htmlPage = function (title, filename, chunks, template) {
cache: true,
inject: 'body',
filename: './pages/' + filename + '.html',
- template: template || path.resolve(__dirname, 'core/page.ejs'),
+ template: template || Path.resolve(__dirname, 'core/page.ejs'),
appMountId: 'app',
chunks
});
-}
+};
module.exports = {
+ mode: 'development',
entry: {
- popup: resolve("popup"),
- devtools: resolve("devtools"),
- devtools_panel:resolve("devtools/panel"),
- background: resolve("background"),
+ test: resolve('test'),
+ popup: resolve('popup'),
+ devtools: resolve('devtools'),
+ devtools_panel: resolve('devtools/panel'),
+ background: resolve('background'),
options: resolve('options'),
- content: resolve("content"),
+ content: resolve('content'),
inject: resolve('content/inject'),
// devInspector: path.resolve(__dirname, './src/dev/devInspector/main.js'),
@@ -46,11 +48,12 @@ module.exports = {
// injectScript: path.resolve(__dirname, './src/dev/injectScript.js'),
},
output: {
- path: path.resolve(__dirname, 'build'),
+ path: Path.resolve(__dirname, 'build'),
publicPath: '/',
filename: 'js/[name].js'
},
plugins: [
+ new VueLoaderPlugin(),
// new webpack.HotModuleReplacementPlugin(),
// webpack 执行之前删除dist下的文件
new CleanWebpackPlugin(['./build/*'], {
@@ -59,14 +62,15 @@ module.exports = {
dry: false,//启用删除文件
}),
- htmlPage("popup", 'popup', ['popup']),
- htmlPage("devtools", 'devtools', ['devtools']),
- htmlPage("devtools_panel", 'devtools_panel', ['devtools_panel']),
- htmlPage("options", 'options', ['options']),
+ htmlPage('test', 'test', ['test']),
+ htmlPage('popup', 'popup', ['popup']),
+ htmlPage('devtools', 'devtools', ['devtools']),
+ htmlPage('devtools_panel', 'devtools_panel', ['devtools_panel']),
+ htmlPage('options', 'options', ['options']),
htmlPage('background', 'background', ['background']),
new ChromeManifest({
- outFile: path.join(__dirname, "build/manifest.json"),
- manifest: path.join(__dirname, "manifest.js")
+ outFile: Path.join(__dirname, 'build/manifest.json'),
+ manifest: Path.join(__dirname, 'manifest.js')
}),
//index.html
// new HtmlWebpackPlugin({
@@ -95,7 +99,7 @@ module.exports = {
// 拷贝静态资源(manifest.json)
new CopyWebpackPlugin([{
- from: path.resolve(__dirname, 'icon'),
+ from: Path.resolve(__dirname, 'icon'),
to: 'icon',
force: true,
// ignore: ['.*']
@@ -118,12 +122,18 @@ module.exports = {
module: {
rules: [
{
- test: /\.(less|css)$/,
+ test: /\.(css)$/,
use: [
'vue-style-loader',
'css-loader'
],
},
+ {
+ test: /\.less$/,
+ use: [
+ 'less-loader'
+ ],
+ },
{
test: /\.vue$/,
loader: 'vue-loader',
@@ -131,6 +141,7 @@ module.exports = {
loaders: {
scss: 'style-loader!css-loader!sass-loader',
sass: 'style-loader!css-loader!sass-loader?indentedSyntax',
+ less: 'less-loader'
}
// other vue-loader options go here
}
@@ -140,6 +151,11 @@ module.exports = {
loader: 'babel-loader',
exclude: /node_modules/
},
+ {
+ test: /\.ts$/,
+ loader: 'ts-loader',
+ exclude: /node_modules/
+ },
// {
// test: /\.(png|jpg|gif|svg|ttf|woff|woff2|eot)$/,
// loader: 'file-loader',
@@ -169,10 +185,10 @@ module.exports = {
alias: {
'vue$': 'vue/dist/vue.esm.js'
},
- extensions: ['*', '.js', '.vue', '.json']
+ extensions: ['*', '.js', '.vue', '.json', '.ts', '.tsx']
},
devServer: {
- contentBase: "./dist",//本地服务器所加载的页面所在的目录
+ contentBase: './dist',//本地服务器所加载的页面所在的目录
historyApiFallback: true,//不跳转
noInfo: true,
inline: true,//实时刷新
diff --git a/CocosCreatorInspector/tsconfig.json b/CocosCreatorInspector/tsconfig.json
new file mode 100644
index 0000000..c9f603c
--- /dev/null
+++ b/CocosCreatorInspector/tsconfig.json
@@ -0,0 +1,69 @@
+{
+ "compilerOptions": {
+ /* Visit https://aka.ms/tsconfig.json to read more about this file */
+
+ /* Basic Options */
+ // "incremental": true, /* Enable incremental compilation */
+ "target": "es5", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */
+ "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */
+ // "lib": [], /* Specify library files to be included in the compilation. */
+ // "allowJs": true, /* Allow javascript files to be compiled. */
+ // "checkJs": true, /* Report errors in .js files. */
+ // "jsx": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
+ // "declaration": true, /* Generates corresponding '.d.ts' file. */
+ // "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */
+ // "sourceMap": true, /* Generates corresponding '.map' file. */
+ // "outFile": "./", /* Concatenate and emit output to single file. */
+ // "outDir": "./", /* Redirect output structure to the directory. */
+ // "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
+ // "composite": true, /* Enable project compilation */
+ // "tsBuildInfoFile": "./", /* Specify file to store incremental compilation information */
+ // "removeComments": true, /* Do not emit comments to output. */
+ // "noEmit": true, /* Do not emit outputs. */
+ // "importHelpers": true, /* Import emit helpers from 'tslib'. */
+ // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
+ // "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */
+
+ /* Strict Type-Checking Options */
+ "strict": true, /* Enable all strict type-checking options. */
+ // "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */
+ // "strictNullChecks": true, /* Enable strict null checks. */
+ // "strictFunctionTypes": true, /* Enable strict checking of function types. */
+ // "strictBindCallApply": true, /* Enable strict 'bind', 'call', and 'apply' methods on functions. */
+ // "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */
+ // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */
+ // "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */
+
+ /* Additional Checks */
+ // "noUnusedLocals": true, /* Report errors on unused locals. */
+ // "noUnusedParameters": true, /* Report errors on unused parameters. */
+ // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */
+ // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */
+
+ /* Module Resolution Options */
+ // "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
+ // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */
+ // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
+ // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */
+ // "typeRoots": [], /* List of folders to include type definitions from. */
+ // "types": [], /* Type declaration files to be included in compilation. */
+ // "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
+ "esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
+ // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */
+ // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */
+
+ /* Source Map Options */
+ // "sourceRoot": "", /* Specify the location where debugger should locate TypeScript files instead of source locations. */
+ // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */
+ // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */
+ // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
+
+ /* Experimental Options */
+ // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */
+ // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */
+
+ /* Advanced Options */
+ "skipLibCheck": true, /* Skip type checking of declaration files. */
+ "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */
+ }
+}