my app.ts file (bootstrap file) is inside of folder app, which is located
inside project root.
so i changed webpack.config.js to " main: './app/',"
среда, 1 июня 2016 г., 16:45:36 UTC-5 пользователь Mikhail A. Safronov
написал:
>
> {
> "name": "angular2-quickstart",
> "version": "1.0.0",
> "description": "QuickStart package.json from the documentation,
> supplemented with testing support",
> "scripts": {
> "start": "webpack:w",
> "webpack:w":"webpack -w" ,
> "docker-build": "docker build -t ng2-quickstart .",
> "docker": "npm run docker-build && docker run -it --rm -p 3000:3000 -p
> 3001:3001 ng2-quickstart",
> "e2e": "tsc && concurrently \"http-server\" \"protractor
> protractor.config.js\"",
> "lint": "tslint ./app/**/*.ts -t verbose",
> "lite": "lite-server",
> "postinstall": "typings install",
> "test": "tsc && concurrently \"tsc -w\" \"karma start karma.conf.js\"",
> "tsc": "tsc",
> "tsc:w": "tsc -w",
> "typings": "typings",
> "webdriver:update": "webdriver-manager update"
> },
> "keywords": [],
> "author": "",
> "license": "ISC",
> "dependencies": {
> "@angular/common": "2.0.0-rc.1",
> "@angular/compiler": "2.0.0-rc.1",
> "@angular/core": "2.0.0-rc.1",
> "@angular/http": "2.0.0-rc.1",
> "@angular/platform-browser": "2.0.0-rc.1",
> "@angular/platform-browser-dynamic": "2.0.0-rc.1",
> "@angular/router": "2.0.0-rc.1",
> "@angular/router-deprecated": "2.0.0-rc.1",
> "@angular/upgrade": "2.0.0-rc.1",
> "systemjs": "0.19.27",
> "core-js": "^2.4.0",
> "reflect-metadata": "^0.1.3",
> "rxjs": "5.0.0-beta.6",
> "zone.js": "^0.6.12",
> "angular2-in-memory-web-api": "0.0.10",
> "bootstrap": "^3.3.6"
> },
> "devDependencies": {
> "canonical-path": "0.0.2",
> "concurrently": "^2.0.0",
> "http-server": "^0.9.0",
> "jasmine-core": "~2.4.1",
> "karma": "^0.13.22",
> "karma-chrome-launcher": "^0.2.3",
> "karma-cli": "^0.1.2",
> "karma-htmlfile-reporter": "^0.2.2",
> "karma-jasmine": "^0.3.8",
> "lite-server": "^2.2.0",
> "lodash": "^4.11.1",
> "protractor": "^3.3.0",
> "rimraf": "^2.5.2",
> "tslint": "^3.7.4",
> "typescript": "^1.8.10",
> "typings": "^1.0.4",
> "webpack": "^1.13.1"
> },
> "repository": {}
> }
>
>
> среда, 1 июня 2016 г., 16:43:39 UTC-5 пользователь Lucas Lacroix написал:
>>
>> Sorry... I meant package.json.
>>
>> On Wed, Jun 1, 2016, 17:42 Mikhail A. Safronov <[email protected]>
>> wrote:
>>
>>> {
>>> "compilerOptions": {
>>> "target": "es5",
>>> "module": "commonjs",
>>> "moduleResolution": "node",
>>> "sourceMap": true,
>>> "emitDecoratorMetadata": true,
>>> "experimentalDecorators": true,
>>> "removeComments": false,
>>> "noImplicitAny": true,
>>> "suppressImplicitAnyIndexErrors": true
>>> }
>>> }
>>>
>>>
>>> среда, 1 июня 2016 г., 16:39:11 UTC-5 пользователь Lucas Lacroix написал:
>>>>
>>>> Send your tsconfig.
>>>>
>>>
>>>> On Wed, Jun 1, 2016, 17:35 Mikhail A. Safronov <[email protected]>
>>>> wrote:
>>>>
>>>>> i did everything, but have this error:
>>>>> npm ERR! Unexpected token '' at 6:27
>>>>> npm ERR! "start": "webpack:w",
>>>>>
>>>>> среда, 1 июня 2016 г., 15:37:26 UTC-5 пользователь Lucas Lacroix
>>>>> написал:
>>>>>>
>>>>>> So you already have a server - everything should just work.
>>>>>>
>>>>>> Start with the quick start guide I already linked.
>>>>>>
>>>>>> Here is what you should modify after you get done with the
>>>>>> quickstart...
>>>>>> In your package.json
>>>>>> change
>>>>>>
>>>>>>> "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
>>>>>>
>>>>>> to:
>>>>>>
>>>>>>> "start": "
>>>>>>> webpack
>>>>>>> :w",
>>>>>>>
>>>>>>>
>>>>>>
>>>>>> "webpack:w":"webpack -w"
>>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>> Save the webpack configuration file I attached in the root folder of
>>>>>> your Angular2 application. You may need to change the entry point to
>>>>>> match
>>>>>> your application.
>>>>>>
>>>>>> Run the following from the root folder:
>>>>>> npm i webpack ts-loader --save-dev
>>>>>>
>>>>>> This configuration will put the compiled code in to the dist folder.
>>>>>> You can change that in the webpack.config.js file (see webpack's
>>>>>> documentation <https://webpack.github.io/docs/> for more
>>>>>> information).
>>>>>>
>>>>>> You then can do "npm start" which will start webpack in watch mode.
>>>>>> It will automatically recompile the TS source in to two modules and then
>>>>>> watch the source files for changes before recompiling.
>>>>>>
>>>>>>
>>>>>> On Wed, Jun 1, 2016 at 4:19 PM, Mikhail A. Safronov <
>>>>>> [email protected]> wrote:
>>>>>>
>>>>>>> I evade a server, because I already have one.
>>>>>>> As I understood, I need node.js to launch this. But in my way I
>>>>>>> already have another one (I used Spring Framework, which based on Java
>>>>>>> Servlets, so I use Apache Tomcat, for example). So in if Im going to
>>>>>>> use
>>>>>>> lite-server, I need to split my project on front-end, and back-end
>>>>>>> part.
>>>>>>> It's possible, but I'm looking for easier decision. Thats why I asked.
>>>>>>>
>>>>>>> Lucas, I'll try to follow your suggestion, but I never used webpack
>>>>>>> (or angular-cli, I heard it's still raw, isnt it?), so can u link
>>>>>>> please on
>>>>>>> a tutorial (if u know) where i can find an instructions.
>>>>>>>
>>>>>>>
>>>>>>> среда, 1 июня 2016 г., 15:05:17 UTC-5 пользователь Lucas Lacroix
>>>>>>> написал:
>>>>>>>>
>>>>>>>> I don't know anything about "Spring", so I don't know why you would
>>>>>>>> want to evade the server when it's already included.
>>>>>>>>
>>>>>>>> You can use webpack or angular-cli to package up your entire
>>>>>>>> project as one or two JS files which you can reference from your
>>>>>>>> index.html. That MIGHT work.
>>>>>>>>
>>>>>>>> On Wed, Jun 1, 2016 at 3:58 PM, Mikhail A. Safronov <
>>>>>>>> [email protected]> wrote:
>>>>>>>>
>>>>>>>>> i need to use a simple js folder in my Spring projects.
>>>>>>>>> Usually I use Apache for rendering Spring data, and before (with
>>>>>>>>> Angular 2) I just added js-files to one folder inside a main project.
>>>>>>>>> there
>>>>>>>>> wasnt only one js-file, but i didnt use any external servers (like
>>>>>>>>> lite-server, for instance) to launch a code. Because all of js-files
>>>>>>>>> were
>>>>>>>>> added to index,html, and allof them were rendered on client side,
>>>>>>>>> when he
>>>>>>>>> obtaned an app.
>>>>>>>>>
>>>>>>>>> среда, 1 июня 2016 г., 14:44:44 UTC-5 пользователь Lucas Lacroix
>>>>>>>>> написал:
>>>>>>>>>>
>>>>>>>>>> I believe you will run in to issues with CORS. Modules are loaded
>>>>>>>>>> via Ajax, so unless you are compiling everything in to one big JS
>>>>>>>>>> file
>>>>>>>>>> which is referenced by your index.html, then it will fail (pretty
>>>>>>>>>> sure).
>>>>>>>>>> Is there a reason why you do not want a server?
>>>>>>>>>>
>>>>>>>>>> On Wed, Jun 1, 2016 at 3:42 PM, Mikhail A. Safronov <
>>>>>>>>>> [email protected]> wrote:
>>>>>>>>>>
>>>>>>>>>>> thanks! but i dont want to use any server to launch,
>>>>>>>>>>> is it possible to just compile and launch?
>>>>>>>>>>>
>>>>>>>>>>> среда, 1 июня 2016 г., 14:04:09 UTC-5 пользователь Lucas Lacroix
>>>>>>>>>>> написал:
>>>>>>>>>>>>
>>>>>>>>>>>> The quick start guide
>>>>>>>>>>>> <https://angular.io/docs/ts/latest/quickstart.html> already
>>>>>>>>>>>> describes using the "lite-server" npm module and live-reload.
>>>>>>>>>>>> The angular-cli <https://github.com/angular/angular-cli> has a
>>>>>>>>>>>> similar concept (might even be the same implementation).
>>>>>>>>>>>>
>>>>>>>>>>>> On Wed, Jun 1, 2016 at 3:01 PM, Mikhail A. Safronov <
>>>>>>>>>>>> [email protected]> wrote:
>>>>>>>>>>>>
>>>>>>>>>>>>>
>>>>>>>>>>>>>
>>>>>>>>>>>>> down votefavorite
>>>>>>>>>>>>> <http://stackoverflow.com/questions/37576307/how-to-launch-angular-2-application-without-any-server#>
>>>>>>>>>>>>>
>>>>>>>>>>>>> Hello!
>>>>>>>>>>>>>
>>>>>>>>>>>>> I have a simple Angular 2 project, but I dont want to use
>>>>>>>>>>>>> later with npm. Do u know any decision to start a project in this
>>>>>>>>>>>>> way:
>>>>>>>>>>>>>
>>>>>>>>>>>>> - compile all of *.ts files
>>>>>>>>>>>>> - copy compiled js-files to another folder (not related
>>>>>>>>>>>>> with npm or node)
>>>>>>>>>>>>> - open an app, using, for example, index.html. just open
>>>>>>>>>>>>> an index, and all app should works.
>>>>>>>>>>>>>
>>>>>>>>>>>>> Thanks.
>>>>>>>>>>>>>
>>>>>>>>>>>>> --
>>>>>>>>>>>>> You received this message because you are subscribed to the
>>>>>>>>>>>>> Google Groups "AngularJS" group.
>>>>>>>>>>>>> To unsubscribe from this group and stop receiving emails from
>>>>>>>>>>>>> it, send an email to [email protected].
>>>>>>>>>>>>> To post to this group, send email to [email protected].
>>>>>>>>>>>>> Visit this group at https://groups.google.com/group/angular.
>>>>>>>>>>>>> For more options, visit https://groups.google.com/d/optout.
>>>>>>>>>>>>>
>>>>>>>>>>>>
>>>>>>>>>>>>
>>>>>>>>>>>>
>>>>>>>>>>>> --
>>>>>>>>>>>> Lucas Lacroix
>>>>>>>>>>>> Computer Scientist
>>>>>>>>>>>> System Technology Division, MEDITECH <http://ehr.meditech.com>
>>>>>>>>>>>> 781-774-2293
>>>>>>>>>>>>
>>>>>>>>>>> --
>>>>>>>>>>> You received this message because you are subscribed to the
>>>>>>>>>>> Google Groups "AngularJS" group.
>>>>>>>>>>> To unsubscribe from this group and stop receiving emails from
>>>>>>>>>>> it, send an email to [email protected].
>>>>>>>>>>> To post to this group, send email to [email protected].
>>>>>>>>>>> Visit this group at https://groups.google.com/group/angular.
>>>>>>>>>>> For more options, visit https://groups.google.com/d/optout.
>>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> --
>>>>>>>>>> Lucas Lacroix
>>>>>>>>>> Computer Scientist
>>>>>>>>>> System Technology Division, MEDITECH <http://ehr.meditech.com>
>>>>>>>>>> 781-774-2293
>>>>>>>>>>
>>>>>>>>> --
>>>>>>>>> You received this message because you are subscribed to the Google
>>>>>>>>> Groups "AngularJS" group.
>>>>>>>>> To unsubscribe from this group and stop receiving emails from it,
>>>>>>>>> send an email to [email protected].
>>>>>>>>> To post to this group, send email to [email protected].
>>>>>>>>> Visit this group at https://groups.google.com/group/angular.
>>>>>>>>> For more options, visit https://groups.google.com/d/optout.
>>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>> --
>>>>>>>> Lucas Lacroix
>>>>>>>> Computer Scientist
>>>>>>>> System Technology Division, MEDITECH <http://ehr.meditech.com>
>>>>>>>> 781-774-2293
>>>>>>>>
>>>>>>> --
>>>>>>> You received this message because you are subscribed to the Google
>>>>>>> Groups "AngularJS" group.
>>>>>>> To unsubscribe from this group and stop receiving emails from it,
>>>>>>> send an email to [email protected].
>>>>>>> To post to this group, send email to [email protected].
>>>>>>> Visit this group at https://groups.google.com/group/angular.
>>>>>>> For more options, visit https://groups.google.com/d/optout.
>>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>> --
>>>>>> Lucas Lacroix
>>>>>> Computer Scientist
>>>>>> System Technology Division, MEDITECH <http://ehr.meditech.com>
>>>>>> 781-774-2293
>>>>>>
>>>>> --
>>>>> You received this message because you are subscribed to the Google
>>>>> Groups "AngularJS" group.
>>>>> To unsubscribe from this group and stop receiving emails from it, send
>>>>> an email to [email protected].
>>>>> To post to this group, send email to [email protected].
>>>>> Visit this group at https://groups.google.com/group/angular.
>>>>> For more options, visit https://groups.google.com/d/optout.
>>>>>
>>>> --
>>> You received this message because you are subscribed to the Google
>>> Groups "AngularJS" group.
>>> To unsubscribe from this group and stop receiving emails from it, send
>>> an email to [email protected].
>>> To post to this group, send email to [email protected].
>>> Visit this group at https://groups.google.com/group/angular.
>>> For more options, visit https://groups.google.com/d/optout.
>>>
>>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
