Geek asks and answers

How to organize dart code inside a web folder

According to package arrangement conventions, the folder webshould contain the following:

HTML, CSS, images, and possibly even some JavaScript. All this is included in your web package directory. You can organize the contents of this content. Go crazy with subdirectories if it pleases you.

So my directory weblooks something like this:

web/data_access
web/model
web/ui
web/ui/navigation
etc.

Now, how do I manage all these import operations. I get a lot of statements like:

import '../../model/my_model.dart';
import '../../data_access/mock_dao.dart';
etc.

I do not like to use so much in my import ../, because it is fragile, and I have problems when I change something in my folder structure.

Is there a better way to organize code inside a folder web?

or

?

+5
2

, . , , . , - . , part of, . , .

, , .

- , export, .

+3

lib, , . -.

widget.dart: https://github.com/kevmoo/widget.dart/tree/master/lib/components

app.dart web/, lib .

. , : https://github.com/sethladd/catpic-app

HTML . :

<!DOCTYPE html>
<html>
<head>
  <title>Your life is complete</title>
  <link rel="components" href="packages/catpic/components/cat_pic.html">
  <link rel="components" href="packages/frame/components/frame.html">
  <link rel="stylesheet" href="styles.css">
</head>
+4

More articles:


All Articles